uni-app-base
項(xiàng)目構(gòu)建
- 通過HBuilderX可視化界面創(chuàng)建的(HBuilderX:官方IDE下載地址)
|-- api 與后端交互的接口
|-- common 存放公共資源文件
|-- components 組件文件存放目錄,放可復(fù)用的組件
|-- pages 業(yè)務(wù)頁(yè)面文件存放目錄
|-- store 存放vuex相關(guān)文件
|-- static 存放應(yīng)用引用靜態(tài)資源(如圖片、視頻等)的地方融欧,注意:靜態(tài)資源只能存放于此
|-- mp-wexin
| |-- a.png
|-- a.png
|-- main.js
|-- App.vue 應(yīng)用配置,用來配置App全局樣式以及監(jiān)聽?wèi)?yīng)用的生命周期
|-- manifest.json 配置應(yīng)用名稱笛辟、appid、logo序苏、版本等打包信息
|-- pages.json 配置頁(yè)面路由手幢、導(dǎo)航條、選項(xiàng)卡等頁(yè)面類信息
|-- uni.scss
- 通過vue-cli命令行方式快速創(chuàng)建的【注意:可以用vue-cli腳手架創(chuàng)建項(xiàng)目忱详,但是不能開發(fā)App围来,只能發(fā)布小程序和H5。開發(fā)APP必須使用HBX軟件】
|-- dist -> 存放通過build編譯的各個(gè)平臺(tái)代碼
|-- node_modules 項(xiàng)目依賴包模塊
|-- public 放置的為公共文件,比如index.html文件监透,為項(xiàng)目的生成模板钦铁,我們寫的vue的代碼,在webpack打包項(xiàng)目的時(shí)候才漆,最后都會(huì)基于該模板轉(zhuǎn)換為瀏覽器可讀的三大件:html+javascript+css
|-- src 存放通過HBuilderX可視化界面創(chuàng)建的的所有目錄,為源碼目錄
|-- .gitignore git上傳需要忽略的文件格式
|-- babel.config.js ES6語(yǔ)法編譯配置
|-- package.json 項(xiàng)目基本信息
|-- package-lock.json 鎖定安裝時(shí)的包的版本號(hào)佛点,并且需要上傳到git醇滥,以保證其他人在npm install時(shí)大家的依賴能保證一致
|-- postcss.config.js postcss-loader 的配置文件名,通過js對(duì) CSS 進(jìn)行處理
|-- README.md 項(xiàng)目說明
- 介紹了多平臺(tái)運(yùn)行步驟
- 運(yùn)行遇到的問題以及解決方法
- 介紹uni-app如何使用和項(xiàng)目基本框架
- uni-app可使用條件編譯
uni-app的UI框架
安裝插件
- 通過HBuilderX可視化界面創(chuàng)建的虐译,使用HBuilderX 菜單欄 -> 工具 -> 插件安裝
- 通過vue-cli命令行方式快速創(chuàng)建的,使用npm安裝依賴包吴趴,將依賴包復(fù)制到項(xiàng)目中使用
最后編輯于 :
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者