基于vue2和mpvue开发小程序：（创建项目和less语法）

初始化一个mpvue项目

首先安装Node.js 和 vue-cli脚手架工具

npm install -g vue-cli@2.9

创建一个基于 mpvue-quickstart 模板的新项目

vue init mpvue/mpvue-quickstart 项目名称

然后按照提示运行：

中间会询问一下问题：前面几项直接回车

直到：询问是否安装 vuex 和 ESLint，根据需要安装即可。

其余全部选中默认，直接回车

cd 项目目录

npm install
>>>>>>>>>>>>>>>>>>>>>>>>项目中使用的依赖包>>>>>>>>>>>>>>>>>>>>

npm install mpvue-wxparse less less-loader vuex mpvue -S

>>>>>>>>>>>>>>>>>>>>>>>>项目中使用的依赖包>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>


npm run dev (此时会自动打包，生成dist目录：里面就是小程序的页面结构)

然后打开微信开发者工具，导入项目：

选择导入的项目路径(直到找到wx目录)： …省略部分 / 项目目录 / dist / wx

mpvue如何使用less语法：

1. 下载less到项目中

npm install less less-loader --save

2. 配置webpack.base.conf.js，找到rules数组，添加下面配置：

{ test: /.less$/, loader: "style-loader!css-loader!less-loader"}