前提条件:脚手架 @vue/cli-service ~5.0.0,vue2 1. 引入插件 npm install stylelint stylelint-config-standard stylelint-order postcss-html postcss-less -D 2. 创建.stylelintrc.js文件,用于配置stylelint规则 module.exports = { root: true, extends: 'stylelint-config-standard', // customSyntax: ...
// package.json{..."lint-staged":{"*.{vue,js}":["eslint --fix","git add"],"*.{html,vue,css,sass,scss}":["stylelint --fix","git add",]},"husky":{"hooks":{"pre-commit":"lint-staged",}}} 唯一需要注意的是, lint-staged 默认是并行运行的,同时对.vue文件做git add会不会...
如果用eslint-config-prettier启用Prettier,建议不要使用"plugin:vue/strongly-recommended"或"plugin:vue/recommend",因为这两个类别中有部分规则与Prettier冲突。 所以更推荐的做法是安装 @vue/eslint-config-prettier eslint-plugin-prettier,然后修改.eslintrc.js extends: [// ...other extends,"@vue/prettier"...
1.本地安装@ascendancyy/vue-cli-plugin-stylelint: #需添加新插件 npm install @ascendancyy/vue-cli-plugin-stylelint --save-dev 2.vue-cli3的vue.config.js需添加以下配置 pluginOptions:{lintStyleOnBuild:true,// 添加了插件(@ascendancyy/vue-cli-plugin-stylelint), 所以需要配置stylelint:{fix:true,...
可能是目前VSCode最好的vue代码提示插件,不仅包括了vue2所有api,还含有vue-router2和vuex2的代码提示。 插件官网:https://marketplace.visualstudio.com/items?itemName=oysun.vuehelper vue-helper 主要亮点是支持 Element-UI, VUX, IVIEW的代码提示,使用上述UI组件的的项目推荐使用。
安装Stylelint插件setting中增加:"editor.codeActionsOnSave":{"source.fixAll.eslint":true,"eslint.autoFixOnSave":true,"source.fixAll.stylelint":true,},设置中选择workspace,配置如下:"stylelint.validate":["css","scss","vue"],"stylelint.customSyntax":"postcss-scss", ...
首先搭建vue项目,lint选择ESLint + Prettier,配置方式选择In dedicated config files。具体搭建过程这里就不赘述了,如果不熟悉的同学可以点击这里。
>npm i eslint eslint-plugin-vue -D >npm i babel-eslint eslint-plugin-node -D >npm i stylelint stylelint-config-prettier stylelint-config-standard stylelint-order -D 1. 2. 3. 第二步 新建.eslintrc.js 文件,极简配置即可。 // ESlint 检查配置 ...
Npm:https://www.npmjs.com/package/stylelint-config-recommended-vue 代码语言:javascript 复制 {"extends":"stylelint-config-recommended-vue"}/* This config enables rules for only .vue files. */ 使用SCSS需要额外安装:stylelint-config-recommended-scss ...
在Vue项⽬中使⽤Eslint+Prettier+Stylelint 准备⼯作 ⾸先搭建vue项⽬，lint选择ESLint + Prettier，配置⽅式选择In dedicated config files。具体搭建过程这⾥就不赘述了，如果不熟悉的同学可以点击这⾥。配置Eslint 项⽬搭建完成后，根⽬录下会⾃动⽣成⼀个.eslintrc.js⽂件，我们直接...