1. 程式人生 > >mpvue採坑記——專案搭建

mpvue採坑記——專案搭建

專案搭建

簡介

通過 Vue.js 命令列工具 vue-cli,你只需在終端視窗輸入幾條簡單命令,即可快速建立和啟動一個帶熱過載、儲存時靜態檢查、內建程式碼構建功能的小程式專案:

1、安裝node

先確認電腦是否安裝node,如果已安裝可忽略
node安裝地址:

http://nodejs.cn/download/ 選擇對應版本進行安裝

2、配置npm源為淘寶映象

npm config set registry https://registry.npm.taobao.org

3、全域性安裝 vue-cli

npm install --global vue-cli

4、建立一個基於 mpvue-quickstart 模板的新專案

vue init mpvue/mpvue-quickstart my-project

5、安裝依賴

cd my-project
npm install(cnpn install)

6、啟動構建

npm run dev

開啟小程式開發工具選擇dist目錄檢視生成的專案