vscode配置prettier格式化工具

1. 在 vscode 中搜索 prettier 插件，然后安装。
2. 在 vscode 中，设置-》文本编辑器-》格式化勾选"Fromat On Save"，这样保存后自动格式化
3. 在 `package.json` 同级目录创建 `.prettierrc` 文件，下面为配置说明，注意要去掉注释
```
{
"printWidth": 100, // 超过最大值换行
"overrides": [
{
"files": ".prettierrc",
"options": { "parser": "json" }
}
],
"tabWidth": 4, // 缩进字节数
"useTabs": false, // 缩进不使用tab，使用空格
"semi": true, // 句尾添加分号
"singleQuote": true, // 使用单引号代替双引号
"proseWrap": "preserve", // 默认值。因为使用了一些折行敏感型的渲染器（如GitHub comment）而按照markdown文本样式进行折行
"arrowParens": "avoid", // (x) => {} 箭头函数参数只有一个时是否要有小括号。avoid：省略括号
"bracketSpacing": true, // 在对象，数组括号与文字之间加空格 "{ foo: bar }"
"disableLanguages": ["vue"], // 不格式化vue文件，vue文件的格式化单独设置
"endOfLine": "auto", // 结尾是 \n \r \n\r auto
"eslintIntegration": false, //不让prettier使用eslint的代码格式进行校验
"htmlWhitespaceSensitivity": "ignore",
"ignorePath": ".prettierignore", // 不使用prettier格式化的文件填写在项目的.prettierignore文件中
"jsxBracketSameLine": false, // 在jsx中把'>' 是否单独放一行
"jsxSingleQuote": false, // 在jsx中使用单引号代替双引号 "prettier.parser": "babylon", // 格式化的解析器，默认是babylon
"requireConfig": false, // Require a 'prettierconfig' to format prettier
"stylelintIntegration": false, //不让prettier使用stylelint的代码格式进行校验
"trailingComma": "es5", // 在对象或数组最后一个元素后面是否加逗号（在ES5中加尾逗号）
"prettier.tslintIntegration": false // 不让prettier使用tslint的代码格式进行校验
}
```

vscode配置prettier格式化工具相关推荐

VScode配置prettier和eslint
前端工具中如果使用prettier进行代码格式化,eslint进行错误检测.对前端工作有极大的帮助原则: prettier和eslint配置可以分成两种,一种是本地配置,一种是全局配置.VScode ...
vscode配置prettier
prettier是一个格式代码的工具 vscode扩展商库有prettier插件,搜索并安装安装成功后,编辑器默认的格式化处理就会被prettier代替在项目的.prettierrc.js文件下配 ...
vscode 配置代码格式化工具calng-format，windows/linux都支持
1.安装clang-format工具 linux (ubuntu) sudo apt-get install clang-format-11 windows 下载clang-format.exe,并将 ...
webpack5 + webpack-chain 构建一个大型应用系列 2（附 vscode 跟 prettier 配置）
上一篇:一步步从零开始用 webpack 搭建一个大型项目笔者使用了 webpack5 将项目进行了重构,并全程使用的 webpack-chain 来配置 webpack,每个功能也都是独立文件,可 ...
VSCode配置格式化工具(Prettier/Vetur/ESLint)和jsconfig.json
VSCode配置格式化工具(Prettier/Vetur/ESLint) 网上很多配置,有的过时了, 有的很杂, 自己看了下文档,简单配置了以下, 顺便记录下来. 准备用vue-cli建好项目之后, ...
VSCode - setting.json配置 - Prettier、Vetur格式化和ESLint检查
vscode 前端最佳插件配置格式化代码时用到的插件 ESLint(代码规范和错误检查工具,控制代码质量) Prettier(代码格式化工具) Vetur(识别 vue 文件) EditorConf ...
VSCode Eslint+Prettier+Vetur常用配置
工程里创建文件.eslintrc.js module.exports = {root: true,parserOptions: {parser: 'babel-eslint',sourceType: ...
vscode配置vue3+python开发环境
vscode配置vue3+python开发环境说明推荐使用vscodium,没有用户追踪,下载VSCodium-win32-x64.zip,设置采用微软官方扩展源就是vscode了,设置方法如下 ...
python vscode_VScode || 为VScode配置python环境
随着逐渐参与到TUF项目中,学习python势在必行,因此,是时候为VScode配置python环境了. 目录: Ⅰ 从官网下载python Ⅱ 安装python并将python加入到path Ⅲ 检 ...

vscode配置prettier格式化工具

vscode配置prettier格式化工具相关推荐

最新文章

热门文章