天天看點

小程式開發:通過vue-cli 搭建 uniapp -----小程式項目

要求安裝vue-cli3以上的版本

uniapp就是用了vue文法的小程式開發

2.9.6 初始化項目是用 vue init webpack my-project  3.0以上 初始化項目是用 vue create my-project
           

3.0以下 npm install -g vue-cli@版本号

3.0以上 npm install -g @vue/cli@版本号

步驟:

  1. 建立腳手架:npm install -g @vue/cli;若失敗就安裝:npm i -g @vue/cli@^3.12.1
  2. 建立項目:vue create -p dcloudio/uni-preset-vue 項目名;選擇預設模闆
  3. 進入項目: cd 項目名
  4. 運作項目:npm run dev:mp-weixin;啟動小程式
  5. 在微信開發者工具導入項目:項目名\dist\dev\mp-weixin
  6. 釋出項目:npm run build:mp-weixin

注意:

如果步驟一出錯了:則 npm uninstall -g @vue/cli

如果步驟二出錯:

例如:Fetching remote preset dcloudio/uni-preset-vue… 一直響應,但是一直不動

點選 uni-preset-vue連結 下載下傳,通過本地來實作建立

vue create -p .\uni-preset-vue-master  項目名