【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中，引入

算是完成了吧