Prettier 代码格式化

添加依赖

yarn add prettier

配置 WebStorm
格式化文件

在根目录下新建.prettierrc.json的文件，标识格式化规范文件内容如下

{"printWidth": 100,"semi": true,"vueIndentScriptAndStyle": true,"singleQuote": true,"trailingComma": "all","proseWrap": "never","htmlWhitespaceSensitivity": "strict","endOfLine": "auto"
}

singleQuote: 单引号
trailingComma: 对象属性最后没有","
semi: 是否需要分号

更多设置参考官方文档：https://prettier.io/docs/en/options.html

在根目录下新建.prettierignore的文件，标识格式化忽略的文件或者目录文件内容如下

/dist/*
.local
.output.js
/node_modules/****/*.svg
**/*.sh/public/*

编辑根目录下package.json 添加一行代码内容如下

"lint:prettier": "prettier --write  \"src/**/*.{js,json,tsx,css,less,scss,vue,html,md}\""

执行yarn run lint:prettier即可按照规范格式化指定范围内的文件代码

Stylelint 检查

添加依赖

yarn add stylelint

配置 WebStorm

Eslint 检查

添加依赖

yarn add eslint

配置 WebStorm

TypeScript 规范

配置 WebStorm

WebStorm设置前端开发代码规范相关推荐

Web前端开发代码规范（基础）
一. 引言对于一个多人团队来说,制定一个统一的规范是必要的,因为个性化的东西无法产生良好的聚合效果,规范化可以提高编码工作效率,使代码保持统一的风格,以便于代码整合和后期维护. 二. HTML/CS ...
Extjs4前端开发代码规范参考
准则: 一致性, 隔离与统一管理, 螺旋式重构改进, 消除重复, 借鉴现有方案 1. 保证系统实现的一致性,寻求一致性方案, 相同或相似功能尽量用统一模式处理: 2. 尽可能使用隔离技术 ...
黑马前端h5团队开发代码规范
黑马前端h5团队开发代码规范 1. 概述欢迎使用品优购代码规范, 这个是我借鉴京东前端代码规范,组织的品优购内部规范.旨在增强团队开发协作.提高代码质量和打造开发基石的编码规范, 以下规范是团队基本 ...
前端团队代码规范最佳实践，个人成长必备！
大厂技术高级前端 Node进阶点击上方程序员成长指北,关注公众号回复1,加入高级Node交流群作者:杨成功原文:https://segmentfault.com/a/119000004 ...
前端团队代码规范最佳实践！
点击上方关注前端技术江湖,一起学习,天天进步作者:杨成功原文:https://segmentfault.com/a/1190000040948561 本文从代码规范,代码检查,代码格式化,以及编 ...
【C 语言】C 项目开发代码规范 ( 形参合法性判断 | 函数返回值局部变量 | 函数中不用全局变量 | 函数中使用局部变量接收形参 | 函数返回值 | 形参作返回值 | 形参返回值处理 )
文章目录一.C 项目开发代码规范一.C 项目开发代码规范上一篇博客 [C 语言]字符串模型 ( 键值对模型 ) 中 , 完成了字符串的键值对查找功能 , 代码不太规范 ; C 项目开发代码规 ...
Web前端开发标准规范
web前端开发规范的意义提高团队的协作能力提高代码的复用利用率可以写出质量更高,效率更好的代码为后期维护提供更好的支持一.命名规则命名使用英文语义化,禁止使用特殊字符,禁止使用拼音,禁止使 ...
Web前端开发标准规范 1
web前端开发规范的意义提高团队的协作能力提高代码的复用利用率可以写出质量更高,效率更好的代码为后期维护提供更好的支持一.命名规则命名使用英文语义化,禁止使用特殊字符,禁止使用拼音,禁止使 ...
前端开发代码风格总结
一.命名规范市面上常用的命名规范: camelCase(小驼峰式命名法 -- 首字母小写) PascalCase(大驼峰式命名法 -- 首字母大写) kebab-case(短横线连接式) Snake ...

WebStorm设置前端开发代码规范

Prettier 代码格式化

Stylelint 检查

Eslint 检查

TypeScript 规范

WebStorm设置前端开发代码规范相关推荐

最新文章

热门文章