侧边栏壁纸
  • 累计撰写 22 篇文章
  • 累计创建 1 个标签
  • 累计收到 1 条评论
标签搜索

目 录CONTENT

文章目录

vscode漂亮的代码格式化prettier

程序员老潘
2020-10-31 / 0 评论 / 0 点赞 / 175 阅读 / 231 字

首先在vscode内安装插件Prettier - Code formatter
在你的项目里新建下面文件

.prettierrc.js

module.exports = {
  trailingComma: 'none', // 在对象或数组最后一个元素后面是否加逗号
  useTabs: false, // 缩进不使用tab,使用空格
  printWidth: 80, // 最大列宽 默认80
  tabWidth: 2, // 缩进字节数
  semi: true, // 句尾添加分号
  singleQuote: true, // 使用单引号代替双引号
  bracketSpacing: true, // 在对象,数组括号与文字之间加空格 "{ foo: bar }"
  jsxBracketSameLine: true, // 将>多行JSX元素的放在最后一行的末尾,而不是放在下一行
  jsxSingleQuote: true, // 在JSX中使用单引号而不是双引号
  arrowParens: 'always', // always:(x) => x  avoid: x => x
  vueIndentScriptAndStyle: true, // 是否缩进Vue文件中的代码<script>和<style>标记
  insertPragma: false // 顶部插入<!-- @format -->
};

以上是我列举的我的配置,你也可以去官网查看其它配置。

0

评论区