小程式學習筆記（一）：配置環境（window + Nodejs + 微信web開發者工具）

背景介紹：最近開始看了小程式的一些資料，感覺小程式在做的事更多像是把App由CS模式回歸于BS模式，這很想當年沒有App的時候很多公司沒有錢做App，直接做個App直接封裝網頁。這個該怎麼評價呢？個人覺得技術上讓很多人沒了開發的熱情，而是都去搞網頁界面設計去了，沒有了程式百家争鳴的感覺。但是換個角度，他們做的事更像是保護小企業讓他們花更小的成本去創業，把重點放在創意上，而且安全工作基本全都交給了某迅，省了很多事。至于這盤棋怎麼下，就看他們自己了。

配置環境（window + Nodejs + 微信web開發者工具）

1、首先配置Nodejs。到官網https://nodejs.org/en/download/下載下傳對應版本的Nodejs。

2、安裝Nodejs（預設安裝完即可）

3、安裝完成後，使用win+r打開CMD指令測試一下【node -v】和【npm -v】檢視版本

4、配置安裝包的預設環境（如果不配置，npm install時會安裝在C:\Users\使用者名\AppData\Roaming\npm目錄下），找到安裝目錄建立兩個檔案夾【node_global】及【node_cache】。

5、執行set指令配置環境

npm config set prefix "C:\Program Files\nodejs\node_global"
npm config set cache "C:\Program Files\nodejs\node_cache"
           

6、設定環境變量，關閉cmd視窗，“我的電腦”-右鍵-“屬性”-“進階系統設定”-“進階”-“環境變量”，在【系統變量】下建立【NODE_PATH】，輸入【C:\Program Files\nodejs\node_global\node_modules】

7、将【使用者變量】下的【Path】修改為【C:\Program Files\nodejs\node_global】

8、配置完後，安裝個module測試下，我們就安裝最常用的express子產品，打開cmd視窗，

輸入如下指令進行子產品的全局安裝

npm install express -g     # -g是全局安裝的意思
           

出現上面的錯誤是因為安裝在C槽沒有系統權限，使用管理者權限打開cmd即可。

至此Nodejs安裝完畢

9、去官網https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html?t=2018712下載下傳微信web開發者工具。

10、安裝微信web開發者工具并掃描登陸

至此配置完成。即将開始開發之旅。