vscode配置prettier

prettier是一个格式代码的工具

vscode扩展商库有prettier插件，搜索并安装

安装成功后，编辑器默认的格式化处理就会被prettier代替

在项目的.prettierrc.js文件下配置代码格式

  "prettier.printWidth": 30, // 超过最大值换行"prettier.tabWidth": 2, // 缩进字节数"prettier.useTabs": false, // 缩进不使用tab，使用空格"prettier.semi": false, // 句尾添加分号"prettier.singleQuote": false, // 使用单引号代替双引号"prettier.proseWrap": "preserve", // 默认值。因为使用了一些折行敏感型的渲染器（如GitHub comment）而按照markdown文本样式进行折行"prettier.arrowParens": "avoid", // (x) => {} 箭头函数参数只有一个时是否要有小括号。avoid：省略括号"prettier.bracketSpacing": true, // 在对象，数组括号与文字之间加空格 "{ foo: bar }"// "prettier.disableLanguages": ["vue"], // 不格式化vue文件，vue文件的格式化单独设置"prettier.endOfLine": "auto", // 结尾是 \n \r \n\r auto"prettier.eslintIntegration": false, //不让prettier使用eslint的代码格式进行校验"prettier.htmlWhitespaceSensitivity": "ignore","prettier.ignorePath": ".prettierignore", // 不使用prettier格式化的文件填写在项目的.prettierignore文件中"prettier.jsxBracketSameLine": false, // 在jsx中把'>' 单独放一行"prettier.jsxSingleQuote": false, // 在jsx中使用单引号代替双引号"prettier.parser": "babylon", // 格式化的解析器，默认是babylon"prettier.requireConfig": false, // Require a 'prettierconfig' to format prettier"prettier.stylelintIntegration": false, //不让prettier使用stylelint的代码格式进行校验"prettier.trailingComma": "es5", // 在对象或数组最后一个元素后面是否加逗号（在ES5中加尾逗号）"prettier.tslintIntegration": false, // 不让prettier使用tslint的代码格式进行校验

也可以写在setting.json中

vscode配置prettier相关推荐

VScode配置prettier和eslint
前端工具中如果使用prettier进行代码格式化,eslint进行错误检测.对前端工作有极大的帮助原则: prettier和eslint配置可以分成两种,一种是本地配置,一种是全局配置.VScode ...
vscode配置prettier格式化工具
1. 在 vscode 中搜索 prettier 插件,然后安装. 2. 在 vscode 中,设置->文本编辑器->格式化勾选"Fromat On Save",这 ...
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的默认配置_史上最全vscode配置使用教程
工欲善其事,必先利其器.想要优雅且高效的编写代码,必须熟练使用一款前端开发工具.但前端开发工具数不胜数,像HBuilder.Sublime Text.WebStorm.Visual Studio Co ...
ESLint-插件化JS代码检测工具以及VSCode配置
ESLint 是在 ECMAScript/JavaScript 代码中识别和报告模式匹配的工具,保证了代码的一致性和避免错误这也是我们团队开发所必备的一种规范,只有团队中每一个人的代码格式都处于一种 ...
vscode配置vue3+python开发环境
vscode配置vue3+python开发环境说明推荐使用vscodium,没有用户追踪,下载VSCodium-win32-x64.zip,设置采用微软官方扩展源就是vscode了,设置方法如下 ...

vscode配置prettier

vscode配置prettier相关推荐

最新文章

热门文章