代码质量管理
前端一枚
点关注 不迷路
展开
-
06前端自动化规范工具 husky结合commitlint 版本1
前端自动化规范工具husky结合commitlint进行提交信息的校验实现功能对提交信息进行校验安装$npm install --save-dev @commitlint/cli @commitlint/config-angular添加git hooks添加前置钩子npx husky add .husky/commit-msg "npm-run-test".husky 文件夹中会生成commit-msg文件可以看到npm-run-test就是我们要在提交前执行的npm命令,我们将原创 2022-03-04 17:58:49 · 569 阅读 · 0 评论 -
05前端自动化规范工具 husky结合lint-staged提交检测
前端自动化规范工具 husky结合lint-staged提交检测实现功能提交代码前代码对代码进行检测安装$npm install --save-dev husky lint-staged初始化package.jsonscripts添加执行脚本"prepare":"husky install"添加后执行npm run prepare可以看到项目目录中自动生成了.husky 文件夹添加git hooks添加前置钩子npx husky add .husky/pre-commit原创 2022-03-04 17:54:57 · 451 阅读 · 0 评论 -
04前端自动化规范工具 stylelint规定样式规范
前端自动化规范工具 stylelint规定样式规范实现功能样式文件没有按照配置规范写报错步骤一npm安装stylelintnpm install --save-dev stylelint stylelint-config-standard步骤二创建.stylelintrc.json文件写入配置{ "extends": "stylelint-config-standard"}步骤三同时vs code安装stylelint插件注意:目前只能检测css文件语法如果想让sty原创 2022-03-04 17:50:36 · 235 阅读 · 0 评论 -
03前端自动化规范工具 prettier美化代码
前端自动化规范工具 prettier美化代码实现功能格式化不对警告提示vs code保存自动格式化代码安装**npm安装 **$npm install -g prettier$npm install --save-dev prettier创建配置配置prettier文件根目录创建.prettierrc文件写入以下配置:{ "semi": true, "tabWidth": 2, "singleQuote": true, "useTabs": false, "原创 2022-03-04 17:43:15 · 235 阅读 · 0 评论 -
02前端自动化规范工具 eslint检查语法
前端自动化规范工具 eslint检查语法实现功能vs code 提示代码错误vs code 在保存的时候自动修复错误代码或不符合规范的代码安装全局和相项目安装eslint$npm install -g eslint$npm install --save-dev eslint生成配置初始化eslint配置$eslint --init第一步? How would you like to use ESLint? ... To check syntax only> To原创 2022-03-04 17:37:58 · 835 阅读 · 0 评论 -
01前端自动化规范工具-EditorConfig统一编辑器编码和格式化规则
前端自动化规范工具-EditorConfig统一编辑器编码和格式化规则在项目开发中,编辑器不统一会造成一些问题,每个编辑器默认的编码和缩进都有可以能不一样,另外还有windows换行是CRLF,mac、Linux是LR这就会导致开发环境的不一致换行符不一致,格式化代码后,代码没有发生变化,git却对比出这行进行了更改,引用editorConfig可以解决这个问题。editorConfig不是什么软件,而是一个名称为.editorconfig的自定义文件。该文件用来定义项目的编码规范,编辑器的行为会与.e原创 2022-03-04 17:29:49 · 301 阅读 · 0 评论 -
sass编译成css时候Compilation ErrorError: Function rgb is missing argument $green
编译sass时报错主要是因为background: rgba(22 115 219 20%)不带逗号导致,但是加上逗号background: rgba(22 ,115 ,219 ,20%)后,因为项目中添加有stylelint,格式化时把逗号去掉了这里就要配置stylelint了规则了 "rules": { "color-function-notation":"legacy" }文档地址color原创 2022-03-02 11:42:03 · 3442 阅读 · 0 评论 -
Unexpected unknown at-rule “@mixin“ (at-rule-no-unknown)Stylelintat-rule-no-unknown
"rules": { "at-rule-no-unknown": [ true, { "ignoreAtRules": ["mixin", "include"] } ], }文档地址:at-rule-no-unknown | Stylelint原创 2022-03-02 11:11:53 · 3106 阅读 · 0 评论 -
stylelint如何检测css、sass、vue、html文件
第一步:项目中下载相关插件stylelint:强大的,现代的样式代码检查工具,帮助避免错误并在样式中强制执行约定stylelint-scss:项目使用sass、scss需额外安装stylelint-scssstylelint-config-standard:styelint的标准可共享配置yarn add stylelint stylelint-config-standard stylelint-scss --save-devnpm install stylelint stylelin原创 2022-03-01 12:37:51 · 1778 阅读 · 0 评论