Windows下微信小程序搭建mpvue項目過程（node.js下載安裝，vue-cli腳手架安裝）

微信小程序搭建mpvue項目過程

第一步：安裝Node環境

下載node.js安裝包

• 下載地址：node.js中文網
  
• 根據電腦系統選擇安裝包：這裏我選擇的windows 64位安裝包
• 安裝過程：全程next就完事
  
  

打開cmd檢查是否安裝完成（Win+R或者直接搜索打開）

• 如果版本號可以顯示出來說明安裝成功
  
• 國外鏡像比較慢，所以把鏡像地址換成國內的網址
  

安裝vue-cli腳手架（vue-cli是vue框架的腳手架）並創建項目

• cmd下輸入 npm install vue-cli -g下載安裝腳手架
  
• 安裝完成vue-cli後，輸入vue查看vue是否安裝成功，vue list是查看vue現有的組件，webpack是常用的搭建項目的組件
  
• 繼續在cmd下輸入vue init mpvue/mpvue-quickstart truth_hold 然後會出現以下頁面
  
• 在Project name後敲擊回車（Enter）進入下一步
  
• 將wx小程序id複製到命令行然後敲擊回車
  
• 繼續一直敲擊回車（一直到出現下列界面）表示項目創建完成
  
• 進入到項目文件夾下並且安裝項目配置文件
  
• 安裝成功啓動項目，輸入 npm run dev
  

將項目導入微信開發者工具

• 打開開發者工具，菜單欄下的導入項目，直接從創建項目處導入也可以
  
• 選擇該文件夾然後導入即可
  
• 導入成功後將出現以下界面，表示項目搭建完成