1.下載安裝
官方下載 http://www.dcloud.io/hbuilderx.html
傻瓜式安裝
image.png
2.環(huán)境配置
2-1 瀏覽器預(yù)覽配置
image.png
2-2 點擊【工具】>> 【插件安裝】即可配置
image.png
3. create my frist app
image.png
image.png
備注： 手機(jī)調(diào)試后期細(xì)說，先擼碼
4 頁面結(jié)構(gòu)
image.png
pages：和小程序的pages一樣存放主要代碼文件
static: 靜態(tài)資源文件
App.vue 根組件和小程序app.js一樣
main.js 入口文件
manifest.json 基本配置
pages.json 和小程序的app.json一樣
uni.scss scss基礎(chǔ)變量
4-1 pages.json 和小程序類似
pages: 單頁面配置
globalStyle：全局屬性配置
tabBar：底部導(dǎo)航
