1.下载安装

官方下载 http://www.dcloud.io/hbuilderx.html
傻瓜式安装

image.png

2.环境配置

2-1 浏览器预览配置

image.png

2-2 点击【工具】>> 【插件安装】即可配置

image.png

3. create my frist app

image.png
image.png

备注： 手机调试后期细说，先撸码

4 页面结构

image.png

pages：和小程序的pages一样存放主要代码文件
static: 静态资源文件
App.vue 根组件和小程序app.js一样
main.js 入口文件
manifest.json 基本配置
pages.json 和小程序的app.json一样
uni.scss scss基础变量

4-1 pages.json 和小程序类似

pages: 单页面配置
globalStyle：全局属性配置
tabBar：底部导航