vue格式化代码去掉分号 : ；使用单引号 : ‘ ‘

配置前需要安装两个插件

①配置setings.json文件，打开设置

将下面的代码复制进去

{// vscode默认启用了根据文件类型自动设置tabsize的选项"editor.detectIndentation": false,// 重新设定tabsize"editor.tabSize": 2,// #每次保存的时候自动格式化"editor.formatOnSave": false,// #每次保存的时候将代码按eslint格式进行修复"eslint.autoFixOnSave": true,// 添加 vue 支持"eslint.validate": ["javascript","javascriptreact",{"language": "vue","autoFix": true}],//  #让prettier使用eslint的代码格式进行校验"prettier.eslintIntegration": true,//  #去掉代码结尾的分号"prettier.semi": false,//  #使用带引号替代双引号"prettier.singleQuote": true,//  #让函数(名)和后面的括号之间加个空格"javascript.format.insertSpaceBeforeFunctionParenthesis": true,// #这个按用户自身习惯选择"vetur.format.defaultFormatter.html": "js-beautify-html",// #让vue中的js按编辑器自带的ts格式进行格式化"vetur.format.defaultFormatter.js": "vscode-typescript","vetur.format.defaultFormatterOptions": {"js-beautify-html": {"wrap_attributes": "aligned-multiple"// 换行// "wrap_attributes": "force-aligned",// // 不换行// "wrap_attributes": "aligned-multiple"// #vue组件中html代码格式化样式}},"editor.fontSize": 20,"editor.wordWrap": "on","liveServer.settings.donotShowInfoMsg": true,"[html]": {"editor.defaultFormatter": "esbenp.prettier-vscode","editor.formatOnType": true,"editor.formatOnSave": true},"explorer.confirmDragAndDrop": false,"workbench.colorCustomizations": {},"explorer.confirmDelete": false,"[javascript]": {"editor.defaultFormatter": "esbenp.prettier-vscode"},"[vue]": {"editor.defaultFormatter": "octref.vetur"},"eslint.codeAction.showDocumentation": {"enable": true},"eslint.nodeEnv": "","[css]": {"editor.defaultFormatter": "esbenp.prettier-vscode"},"[json]": {"editor.defaultFormatter": "esbenp.prettier-vscode"},"editor.accessibilityPageSize": 18,"python.defaultInterpreterPath": "c:\\python\\python.exe","prettier.jsxBracketSameLine": true,"[jsonc]": {"editor.defaultFormatter": "esbenp.prettier-vscode"},"workbench.iconTheme": "vscode-great-icons","window.zoomLevel": -1,// 格式化stylus, 需安装Manta's Stylus Supremacy插件"stylusSupremacy.insertColons": false, // 是否插入冒号"stylusSupremacy.insertSemicolons": false, // 是否插入分好"stylusSupremacy.insertBraces": false, // 是否插入大括号"stylusSupremacy.insertNewLineAroundImports": false, // import之后是否换行"stylusSupremacy.insertNewLineAroundBlocks": false,"[typescript]": {"editor.defaultFormatter": "esbenp.prettier-vscode"},"diffEditor.ignoreTrimWhitespace": false // 两个选择器中是否换行
}

②创建一个 .prettierrc 文件，里面内容：

{"semi": false,"singleQuote": true
}

vue格式化代码去掉分号 : ；使用单引号 : ‘ ‘相关推荐

VScode配置eslint保存自动格式化，eslint格式化去掉分号和双引号。vscode自动保存去掉分号和双引号；““
本文是开启eslint检验和配置eslint格式化:如果想要关闭eslint,查看这篇关闭eslint方法: 1.必须安装的三个插件eslint, prettier-Code formatter ,v ...
vue学习报错---Newline required at end of file but not found（Vue格式化代码问题）
代码: 无bug报错的代码: 加上换行即可可能还会出现其他问题.对于vue的格式化. 编写文件 .prettierrc {"printWidth": 100, //每行到多少长度 ...
vscode --- 快捷键格式化代码时,分号消失
问题复现最近在vscode中,格式化代码(快捷键 alt + shift + F)时,分号会莫名奇妙的消失对于习惯打分号的我来说,看起来很别扭- 解决方案. 我使用的是prettier这个插件来设 ...
python代码什么时候用单引号_Python 中的单引号和双引号有什么区别？
在Python当中可以使用单引号,也可以使用双引号,那两者有什么区别吗? 简单来说,在Python中使用单引号或双引号是没有区别的,都可以用来表示一个字符串.但是这两种通用的表达方式,除了可以简化程序 ...
可能是史上最全 Vue 前端代码风格指南
作者:卡喵妹 https://juejin.cn/post/6987349513836953607 一.命名规范市面上常用的命名规范: camelCase(小驼峰式命名法 -- 首字母小写) Pas ...
vue前端代码风格指南
vue前端代码风格指南参考网址: https://mp.weixin.qq.com/s/ejqSWUNBlADbOXbNcy6TNg 文章目录 vue前端代码风格指南一.命名规范 1.1 项目文件 ...
vscode 用户配置添加分号、保存格式化、单引号、function格式
添加vscode插件 ESLint Vetur Prettier - Code formatter 其他插件 Git History Git History Diff 打开 setttings.jso ...
解决vscode格式化代码html属性换行问题； ctrl+s格式化去除分号，格式化自动单引号；解决js格式化换行问题；mac上的settings.json完整配置
右键格式化文档或者ctrl + s保存 html不换行 1.安装两个插件①vetur ②Prettier - Code formatter 2.在vetur的settings.json中设置配置ct ...
idae 格式化代码设置eslint_VSCode中使用vue项目ESlint验证配置
如果在一个大型项目中会有多个人一起去开发,为了使每个人写的代码格式都保持一致,就需要借助软件去帮我们保存文件的时候,自己格式化代码解决办法:vscode软件下载一个ESLint,在到设置里面找到se ...

vue格式化代码去掉分号 : ；使用单引号 : ‘ ‘

vue格式化代码去掉分号 : ；使用单引号 : ‘ ‘相关推荐

最新文章

热门文章

vue格式化代码去掉分号 : ； 使用单引号 : ‘ ‘

vue格式化代码去掉分号 : ； 使用单引号 : ‘ ‘相关推荐

最新文章

热门文章

vue格式化代码去掉分号 : ；使用单引号 : ‘ ‘

vue格式化代码去掉分号 : ；使用单引号 : ‘ ‘相关推荐