icodingicoding
主页
JavaScript
Vue
React
TypeScript
Node
bug
笔记
时间线
主页
JavaScript
Vue
React
TypeScript
Node
bug
笔记
时间线
  • Markdown 语法
  • 插件
  • Vue
  • 组件设计
  • Element-Ui
  • WebSocket
  • CSS
  • Uniapp
  • 进阶
  • 扫码枪
  • Nginx
  • Nuxt.js
  • Vue 时钟
  • Learning
  • Linux
  • 打包优化
  • 大屏可视化
  • Jenkins
  • SVN
  • JsDocs
  • 代码规范

代码规范

prettierr 是一个代码格式化工具,可以自动格式化代码,使其符合统一的风格。

{
  "$schema": "https://json.schemastore.org/prettierrc",
  "semi": true,
  "tabWidth": 2,
  "singleQuote": false,
  "printWidth": 120,
  "trailingComma": "es5",
  "arrowParens": "avoid",
  "bracketSameLine": false, //> 与内容同行(Prettier 2.4+)
  "htmlWhitespaceSensitivity": "ignore"
}
{
  "printWidth": 180, //每行最多显示的字符数
  "tabWidth": 2, //tab的宽度 2个字符
  "useTabs": false, //禁止使用tab代替空格
  "semi": true, //结尾使用分号
  "singleQuote": true, //使用单引号代替双引号
  "trailingComma": "all", //结尾是否添加逗号 all添加,none不添加
  "bracketSpacing": true, //对象括号俩边是否用空格隔开
  "bracketSameLine": true, //组件最后的尖括号不另起一行
  "arrowParens": "always", //箭头函数参数始终添加括号
  "htmlWhitespaceSensitivity": "ignore", //html存在空格是不敏感的
  "vueIndentScriptAndStyle": false, //vue 的script和style的内容是否缩进
  "endOfLine": "auto", //行结尾形式 mac和linux是\n  windows是\r\n
  "singleAttributePerLine": false //组件或者标签的属性是否控制一行只显示一个属性
}
  • bracketSameLine: true

img

最后编辑:
上一页
JsDocs