mpvue創建項目

首先，使用mpvue框架可以在常用的開發工具中開發，也可以在微信開發者工具中開發；

1、檢查vue版本

 vue -V

2、創建項目

 vue init mpvue/mpvue-quickstart wx-mpvue

? Project name wx-mpvue   項目名稱
? wxmp appid touristappid   appid
? Project description A Mpvue project  直接回車
? Author cwj     作者
? Vue build runtime  直接回車
? Use Vuex? Yes		是否使用 vuex
? Use ESLint to lint your code? No   是否使用語法檢查  建議不使用
? 小程序測試，敬請關注最新微信開發者工具的“測試報告”功能

創建完成後的目錄；build目錄打包的一些配置；config目錄公共變量的一些配置；dist目錄整個項目打包的項目，可以把這個目錄放到微信開發者工具預覽或者上傳；node_model依賴目錄；src目錄 一般開發都會在這個目錄下；static靜態文件目錄。

3、打開項目，拉取依賴並啓動

npm install     拉取依賴

npm run dev     啓動項目

啓動後的顯示