1、根据extends选项安装扩展 npm i stylelint-config-standard --save-dev 2、根据报错信息:Unknown word (CssSyntaxError)安装 postcss-html(帮助识别.vue文件的 css 代码) npm i postcss-html --save-dev 3、根据报错信息:安装postcss-less(帮助解析less代码) npm i postcss-less --save-dev 4、新建stylelint...
": "^1.60.0", "stylelint": "^15.4.0", "stylelint-config-prettier": "^9.0.5", "stylelint-config-recommended-less": "^1.0.4", "stylelint-config-standard": "^32.0.0", "stylelint-config-standard-vue": "^1.0.0", "stylelint-less": "^1.0.6", "stylelint-order": "^6.0.3",...
3、配置自动格式化 在.vscode/settings.json中加入如下配置: {"editor.formatOnSave":true,"editor.codeActionsOnSave":{"source.fixAll":"explicit","source.stylelint":"explicit"},"stylelint.validate":["css","less","postcss","scss","sass","vue"],"editor.defaultFormatter":"esbenp.prettier-vscode...
Stylelint 其实就是规范我们的样式文件的,比如CSS,Less,Scss等 首先安装对应工具,这里以 scss 为例子 pnpm i stylelint stylelint-prettier stylelint-config-standard postcss-scss postcss-html stylelint-config-recommended-vue stylelint-config-recess-order -D 然后新建.stylelintrc.cjs,如果没有设置"type": "...
// Vue "vue/html-indent": ["error", 2], // vue文件缩进2个空格 } } ]; 有了这些规则,自然就得用起来,我们可以使用下面的命令 npx eslint . // 校验当前目录下的所有文件 npm eslint file.js // 校验 file.js 文件 如何让eslint 规则,在我们编写代码的时候就校验,而不是在控制台输入命令后才...
一、 安装vue3脚手架地址 1. 推荐官方脚手架 使用官网推荐的新版本 Eslint&prettier 配置 # 根据具体情况可以选择npm yarn pnpm # 下面选择pnpm为例 pnpm create vue@latest # 选择根据提示选择 Vue.js-The Progressive JavaScript Framework √ 请输入项目名称:...vue-project ...
{"script":{"lint:stylelint":"stylelint --cache --fix \"**/*.{vue,less,postcss,css,scss}\" --cache --cache-location node_modules/.cache/stylelint/"}} 3.JS书写规范(vue3) npm install eslint eslint-plugin-vue --save-dev # eslint相关 ...
"scripts":{"lint:prettier":"prettier --write \"**/*.{js,ts,json,css,less,scss,vue,html,md}\""} Prettier 格式化 Prettier 格式化 & 验证 执行命令进行 Prettier 代码格式化: npm run lint:prettier Prettier 保存自动格式化 VSCode 的settings.json配置: ...
本文介绍 vue3-element-admin 如何通过ESLint 检测 JS/TS 代码、Prettier 格式化代码、Stylelint 检测 CSS/SCSS 代码和配置 EditorConfig 来全方位约束和统一前端代码规范。 ESLint 代码检测 ESLint 可组装的JavaScript和JSX检查工具,目标是保证代码的一致性和避免错误。
files: ['src/**/*.vue', 'src/assets/styles/*.l?(e|c)ss'] // string | [string] (default: ['src/**/*.{vue,htm,html,css,sss,less,scss}']) // formatter: () => { } // function (default: require('stylelint-codeframe-formatter')) ...