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