vue-cli 构建的项目默认是不支持 less 的，需要自己添加。
1.安装vue-cli
vue init webpack-simple (name)
cd name
cnpm i
2.安装 less 和 less-loader
cnpm install less less-loader --save-dev
3.使用less
在代码中的 style 标签中 加上 lang="less" 属性即可
<template>
<div class="hello">
<h1>{{msg}}</h1>
<h2>xixixixi</h2>
</div>
</template>
<script>
export default {
name: 'hello',
data: function () {
return {
msg: "Welcome to your vue.js app"
}
}
}
</script>
<style scoped lang="less">
.hello {
color: red;
font-size: 14px;
h2 {
color: blue;
}
}
</style>
