WebStorm前端开发代码规范

发表于 更新于 分类于 Waline：

Prettier 代码格式化

1
pnpm install -D prettier

在根目录下新建.prettierrc的文件 文件内容如下

1
2
3
4
5
6
7
{
  "semi": false,
  "tabWidth": 2,
  "singleQuote": true,
  "printWidth": 100,
  "trailingComma": "none"
}
  • semi: 是否需要分号
  • tabWidth: 指定制表符的宽度
  • singleQuote: 单引号
  • printWidth: 指定每行代码的最大字符宽度
  • trailingComma: 对象属性最后没有”,”

在根目录下新建.prettierignore的文件 文件内容如下

1
2
3
4
5
6
7
8
pnpm-lock.yaml
# prettier doesn't respect newlines between chained methods
# https://github.com/prettier/prettier/issues/7884
**/*.spec.js
**/*.spec.ts
**/dist
# https://github.com/prettier/prettier/issues/5246
**/*.html

Stylelint 检查

1
pnpm install -D stylelint

Eslint 检查

1
pnpm install -D eslint

TypeScript 规范