文檔內容
在HBuilderX下創建的項目通常只能通過可視化界面進行使用維護,然而要想不通過HBuilderX編輯器的情況下維護uni-app項目就需要對項目進行修改。(如果還有其他方法可以交流借鑒下-)
編譯器的區別(HBuilderX下創建的項目和cli創建的項目的區別)
- cli 創建的項目，編譯器安裝在項目下。並且不會跟隨HBuilderX升級。如需升級編譯器，執行
npm update，或者手動修改 package.json 中的 uni 相關依賴版本后執行npm install。更新后可能會有新增的依賴並不會自動安裝，手動安裝缺少的依賴即可。- HBuilderX可視化界面創建的項目，編譯器在HBuilderX的安裝目錄下的plugin目錄，隨着HBuilderX的升級會自動升級編譯器。
- 已經使用cli創建的項目，如果想繼續在HBuilderX里使用，可以把工程拖到HBuilderX中。注意如果是把整個項目拖入HBuilderX，則編譯時走的是項目下的編譯器。如果是把src目錄拖入到HBuilderX中，則走的是HBuilderX安裝目錄下plugin目錄下的編譯器。
- cli版如果想安裝less、scss、ts等編譯器，需自己手動npm安裝。在HBuilderX的插件管理界面安裝無效，那個只作用於HBuilderX創建的項目。
案例地址
操作流程
需要先進行vue-cli安裝，為了安裝uni-app的cli版本使用 npm不行的話可以使用cnpm操作
npm install -g @vue/cli
使用正式版（對應HBuilderX最新正式版）
vue create -p dcloudio/uni-preset-vue my-project
使用alpha版（對應HBuilderX最新alpha版）
vue create -p dcloudio/uni-preset-vue#alpha my-alpha-project
然后通過安裝生成一個初始的uni-preset-vue項目，在項目下創建一個src目錄。把原先HBuilderX創建的項目文件全部拖入src目錄中就可以進行在外部進行npm操作使用。
development 使用方式
npm run dev:%PLATFORM%
production 使用方式
npm run build:%PLATFORM%
%PLATFORM% 參考列表
| %PLATFORM% | 描述 |
|---|---|
| h5 | H5 |
| mp-alipay | 支付寶小程序 |
| mp-baidu | 百度小程序 |
| mp-weixin | 微信小程序 |
| mp-toutiao | 字節跳動小程序 |
| mp-qq | qq 小程序 |
| mp-360 | 360 小程序 |
| mp-kuaishou | 快手小程序 |
| quickapp-webview | 快應用(webview) |
| quickapp-webview-union | 快應用聯盟 |
| quickapp-webview-huawei | 快應用華為 |
項目編譯位置
根目錄下dist內 build(發行包) dev(測試包)
修訂日期
2021-08-31
1.項目文檔創建