用vue-cli搭建项目，并添加less

前言

感动，感动的不得了
上半年随意写的一些bug记录，居然收获了1k+的浏览量和一个赞！！！
哈哈哈虽然只有一个，但是于我而言已经是莫大的鼓励
后面，我会继续把使用过程中遇到的问题逐一梳理、记录上来。
即提升自己的码字能力，也给寻求解决方法的兄弟们多个路子

vue-cli初始化项目

npm install vue-cli -g   
//安装脚手架，不过现在官网已经更新了，用@vue/cli也可以，就是需要把已经下载的版本先卸载掉

vue init webpack 
// 初始化一个项目，后面根据情况自行选择

• ps. 创建项目的指令官网已改成 vue create了。最新的操作步骤详见https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create

如何在vue项目中使用less？

1. 安装相关的loader

npm install less less-loader --save

2. 修改config
   文件位置如图：(根据你自己的项目自行查找)
   
   在module.exports的module中的rule数组后面添加一下内容，表示启用刚刚安装的loader

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

3. 重启项目