前言:因公司需求需要学习Vue,还给了某学习软件的账号,让我们观看Ant Design of Vue这个库的作者的课程,.
个人学习时喜欢做着项目带着走，想边看视频边做软件事件，习惯了使用Android studio来编写页面，改用vue来写顿时觉得难受，虽然h5、css、JavaScript都有所涉及，但只是在大学期间学到了一点皮毛，好多东西在Android studio能快速实现的，用h5去写页面时要调半天难受的一撇。
目标：完成一个类似狼人杀的软件，实现语音、视频等通信。
工具：HBuilderX
使用HBuilderX创建一个演示uni-app框架的组件、接口、模板的demo项目便于参考，再创建自己的狼人杀项目，将demo里面的uni-app的css样式复制到自己的项目当中使用。
创建的项目当中会包含一下目录，详情可前往 https://uniapp.dcloud.io/frame。
打开App.vue文件，引入全局的资源。
打开pages.json文件，配置页面的参数可前往https://uniapp.dcloud.io/collocation/pages?id=pages
整个项目的初步就完成了。