环境搭建
安装编辑器HbuilderX 下载地址
安装微信开发者工具 下载地址
HbuilderX初始化项目
-
点击HbuilderX菜单栏文件>项目>新建
-
选择uni-app,填写项目名称,项目创建的目录
目录介绍
pages.json 文件用来对 uni-app 进行全局配置,设置窗口样式、原生的导航栏、tabbar 等
manifest.json 文件是应用的配置文件,用于指定应用的名称、图标、权限等。
App.vue 是我们的跟组件,所有页面都是在App.vue下进行切换的,是页面入口文件,可以调用应用的生命周期函数。
main.js 是我们的项目入口文件,主要作用是初始化vue实例并使用需要的插件。
uni.scss 设置一些全局变量
unpackage 就是打包目录,在这里有各个平台的打包文件
pages 所有的页面存放目录
static 静态资源目录,例如图片等
components 组件存放目录