前端开发之从零开始的uniapp(1):创建uni-app项目

一、使用HBuilderX创建uniapp项目 ，并且命名为app(vue版本选择的是2)

二、创建好app项目之后我们了解一下它的结构(只说主要的，个人理解，如有错漏之处，敬请斧正)

1.pages：是写页面的地方，我们所有的页面才能组成一个完整的app，例如首页，登录，注册页面等

2.static：是放置静态资源的地方，例如我们的图片

3.app.vue：是整个uni-app项目的根组件，在这里写的样式以及组件会加载到每一个pages页面中

4.main.js：可以实例化Vue对象和在this上面挂载全局对象，以及加载项目中经常会用到的插件。例如：axios插件用来发送请求，加载uview框架插件和vuex仓库管理插件等

5.manifest.json：这个文件就是app的配置文件，例如图标还有app启动时显示的页面，以及打包功能的配置等

 三、了解完文件结构之后，我们先将他运行起来，HBuilderX的上面有运行按钮，点击运行到手机或模拟器，然后选择运行到Android app基座，可以使用真机连接数据线也可以使用模拟器，我这边是使用夜神模拟器，推荐使用模拟器，但是需要配置一些东西(这里先不介绍配置问题，有需要再单独出一期)

 四、成功创建好我们的第一个uni-app，模拟器打开如下所示