vue-cli3+vue2项目
1.创建项目命令：vue create app
2.vue.config.js文件关闭eslint配置
module.exports = {
transpileDependencies: true,
lintOnSave: false
}
3.jsconfig.json文件配置别名
{
"compilerOptions": {
"target": "es5",
"module": "esnext",
"baseUrl": "./",
"moduleResolution": "node",
"paths": {
"@/*": [
"src/*"
]
},
"lib": [
"esnext",
"dom",
"dom.iterable",
"scripthost"
]
}
}
4.项目采用less样式，浏览器不识别less样式，需要通过less，less-loader（安装5版本）进行处理less，把less样式变为css样式
cnpm install --save [email protected] less-loader@5
注意：组件要想识别less样式，需要在style标签加上lang="less"
5.使用组件的步骤（非路由组件）
- 创建或定义
- 引入
- 注册
- 使用
标签：vue,less,样式,创建,项目,组件 From： https://www.cnblogs.com/ixtao/p/17224279.html