在HBuilderX中新建的Vue项目中使用less

1.在HBuilderX中新建Vue项目

　　

 

 

2. 安装less和less相关的转移插件

　　打开cmd cd到项目所在的目录：

　　

 

 　  在命令行执行：cnpm install   (注意：必须先执行这一步，安装依赖，后面一步是基于这一步的)

　　在命令行执行：cnpm install --save-dev less less-loader css-loader style-loader

　　

 

 

3. 在Vue文件中使用Less编写样式代码

　　

 

 　　

 

 

4. 运行项目

　　在命令行使用命令： npm run serve运行项目

　　

 

 可以看到使用less语法的效果：