WePY開發環境的安裝和小程式生成WePY專案

上帝叫我坑隊友發表於2022-04-07

相對於微信開發者工具而言,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專案和原生小程式對於程式碼不同處理方式造成的。處理方式如下圖:

 

 至此,專案就可以執行了

相關文章