快速初始化一個mpvue 項目

mpvue是一個使用 Vue.js 開發小程序的前端框架�？蚣芑赩ue.js核心，mpvue修改了Vue.js的 runtime 和 compiler 實現，使其可以運行在小程序環境中，從而為小程序開發引入了整套Vue.js開發體驗。

mpvue特性：

一. 開發環境

1. 檢查下 Node.js 是否安裝

node -v

已安裝

2.檢查npm是否安裝

npm -v

已安裝

1. 切換源為 taobao 源

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

4.全局安裝 vue-cli

npm install --global vue-cli@2.9

二. 創建mpvue項目 1.項目路徑

cd '你想保存的路徑'//cd /Users/zj/Desktop/新建mpvue項目(以桌面為例)

1. 創建一個基于 mpvue-quickstart 模板的新項目

vue init mpvue/mpvue-quickstart my-project

1. 如圖所示：

三. 安裝項目依賴

cd my-project
npm install
npm run dev

四. 運行項目

1.用微信開發者工具打開

2.編譯后效果圖

注：

1. 在npm install --global vue-cli@2.9時如果報錯如下圖所示：

解決方案：

1. cd  /usr/local/lib/node_modules/
2. open /usr/local/lib/node_modules/
3. 刪除vue-cli文件夾
4. npm install --global vue-cli@2.9

1. 在輸入項目名稱時報錯

解決方案： 項目名稱字符要小寫，不能大寫

1. 假如 node.js 沒有安裝

1. 到[node官網](https://nodejs.org/en/download/) 選擇跟自己的電腦匹配的版本進行下載，然后一步步的安裝即可。
  2. 檢查下 Node.js 是否安裝
    node -v