【mpvue】一

 

mpvue由美團開發的一款基於vue的小程序框架。

擼來看看

1、全局安裝腳手架

npm install vue-cli -g

2、建立mpvue  

vue init mpvue/mpvue-quickstart firstapp

3、進入項目，安裝依賴

cd firstapp 
npm install

4、開始

npm run dev

5、打開微信開發者工具 ，關閉編輯器

 

6、打開VS Code

發現代碼已經被編譯成了Vue文件

7、添加對less的支持

npm install less less-loader style-loader css-loader --save-dev

webpack配置

{
        test: /\.less$/,
        use: [
          'style-loader',
          { loader: 'css-loader', options: { importLoaders: 1 } },
          'less-loader'
        ]
      }

8、引入第三方ui框架，weui

https://github.com/KuangPF/mpvue-weui/blob/master/static/weui/weui.css

全局main.js中，引入

算是完成了吧