一、不同方式創建uniapp的區別
- 通過cli命令創建出來的uniapp可以在任意編譯器(vscode、webstorm等)利用
npm run serve
或npm run dev:h5
運行 - 通過hbuilder創建的uniapp不可以在其他編譯器運行(嘗試過遷移項目,失敗,會出現插件缺失或路徑等各種問題,嘗試通過刪除node_modules重新下載插件包也不能解決問題)
所以想要用其他編譯器運行uniapp,只能通過cli創建uniapp項目
二、利用cli創建uniapp
- 安裝cli
npm install -g @vue/cli
- 創建uniapp項目
vue create -p dcloudio/uni-preset-vue my-project
vue create -p uniapp模板下載地址 項目名稱
由於利用dcloudio/uni-preset-vue下載uniapp太慢,甚至會下載失敗,可以把dcloudio/uni-preset-vue下載到本地,然后把uniapp模板下載地址改成dcloudio/uni-preset-vue文件所在位置
dcloudio/uni-preset-vue下載地址:https://gitee.com/Leexinxian/little-salt-fish/tree/master/uni-preset-vue-master
- 運行項目
npm run dev:%PLATFORM%
- 發布項目
npm run build:%PLATFORM%
%PLATFORM% 可取值如下:
值 | 平台 |
---|---|
h5 | H5 |
mp-alipay | 支付寶小程序 |
mp-baidu | 百度小程序 |
mp-weixin | 微信小程序 |
mp-toutiao | 頭條小程序 |
mp-qq | 小程序 |
參考鏈接:https://ask.dcloud.net.cn/article/36307 [在 WebStorm 中開發 uni-app]