相對於微信開發者工具而言,WePY的安裝和生成專案稍顯複雜。特記錄下安裝順序:
1、安裝Node.js
在Node官網(https://nodejs.org/)下載Node.js的安裝包,此處我下載的穩定版
如何驗證Node.js是否安裝成功?開啟CMD,輸入node,顯示Node.js 的版本號,則說明安裝成功,如果顯示“不是內部或外部命令,也不是可執行的程式或批處理檔案”,則需要手動新增Node.js的安裝地址到全域性變數中(不會就自己百度去)。
2、安裝WePY
WePY的安裝需要用到npm,它在安裝Node.js後自動安裝了,在cmd中使用“NPM -v”,檢視是否成功安裝npm;
在cmd中使用“npm install wepy-cli -g” 命令安裝WePY。
出現這些就是已經安裝完成。
//3、環境安裝號後,在找一個良好的編寫程式碼的IED環境,這裡使用的是 Jet Brains系列的WebStorm的最新版,它支援Vue.js的開發及ESLint的語法。編寫程式碼非常順暢
3、生成開發例項,在cmd中執行命令:wepy init standard 專案名 ;進行初始化配置:出現下圖則配置成功
出現以下報錯的解決辦法:
(1)開啟目錄:C:/Windows/System32/drivers/etc/
(2)找到hosts檔案,使用管理員模式開啟記事本(注意必須使用管理員身份開啟)
(3) 找到raw.githubusercontent.com 的固定IP地址,
(4)將hosts檔案拖到管理員模式下的記事本中,然後在檔案尾部新增以下文字:
IP地址(185.199.108.133) raw.githubusercontent.com
(5)儲存檔案(可能還要重啟一下計算機),就解決了
4、安裝依賴
開啟cmd,找到demo的路徑:cd demo
安裝依賴:開啟cmd,執行 cnpm install,出現下圖則安裝成功(PS:安裝時沒有報錯,僅僅警告肥最新版本,並不會影響程式碼的執行)。
5、實時編譯
開啟cmd,執行 npm run dev,出現下圖則編譯成功
6、建立一個WePY專案
開啟小程式開發者工具,新建一個測試專案,專案地址選擇有WePY生成的dist資料夾,配置如下圖
點選確定,生成專案之後,在偵錯程式中出現報錯資訊,功能也用不了。這主要是WePY專案和原生小程式對於程式碼不同處理方式造成的。處理方式如下圖:
至此,專案就可以執行了