vscode格式化代码设置

ctrl+shift+p

首选项->搜索settings.json

{"window.zoomLevel": 0,"emmet.syntaxProfiles": {"javascript": "jsx","vue": "html","vue-html": "html"},"files.associations": {"*.fes": "vue"},"eslint.autoFixOnSave": true,"eslint.validate": ["javascript","javascriptreact",{"language": "html","autoFix": true},{"language": "vue","autoFix": true}],"eslint.options": {"extensions": [".js",".vue"],"plugins": ["vue"]},"emmet.triggerExpansionOnTab": true,"emmet.includeLanguages": {"vue-html": "html","javascript": "javascriptreact"},"prettier.eslintIntegration": true,"prettier.tabWidth": 4,"prettier.useTabs": true,"editor.detectIndentation": false,"git.enableSmartCommit": true,"explorer.confirmDelete": false,"editor.renderWhitespace": "all","vetur.format.defaultFormatterOptions": {"prettier": {// 格式化不加分号"semi": false,// 格式化为单引号"singleQuote": true}},// 在方法括号之间插入空格"javascript.format.insertSpaceBeforeFunctionParenthesis": true,"typescript.format.insertSpaceAfterSemicolonInForStatements": false,"javascript.format.semicolons": "remove","javascript.format.insertSpaceAfterSemicolonInForStatements": false,"typescript.format.semicolons": "remove","editor.insertSpaces": true,"editor.wrappingIndent": "indent","editor.tabSize": 2,"vetur.format.defaultFormatter.js": "vscode-typescript"
}

增加以上设置，然后设置以下

vscode格式化代码设置相关推荐

vscode格式化代码设置不换行
问题在vscode中,新建的项目里面只要格式化就自动换行,导致有的小伙伴会很讨厌这种格式,看上去很麻烦,在网上找了很多种办法也是很难办,今天就来解决一下这个问题问题示例如下图所示: 解决办法在 ...
eslint 无法格式化ts_vscode保存代码，自动按照eslint规范格式化代码设置
vscode保存代码,自动按照eslint规范格式化代码设置编辑器代码风格一致,是前端代码规范的一部分.我们现在前端绝大部分都在使用eslint,或者将要把代码改为eslint,那么此时我们怎么方便 ...
编辑器eslint格式_vscode保存代码，自动按照eslint规范格式化代码设置
vscode保存代码,自动按照eslint规范格式化代码设置编辑器代码风格一致,是前端代码规范的一部分.同一个项目,或者同一个小组,保持代码风格一致很必要.就拿vue项目来说,之前做的几个项目,很多 ...
vscode格式化html代码失效了,VSCode格式化代码功能失效的bug解决方法
VSCode格式化代码功能失效的bug解决方法前不久我装上了黑苹果,那么为了快速转移开发环境,我使用了VSCode(Visual Studio Code下面简称VSCode)的插件Settings ...
【小知识】VScode格式化代码配置及插件
VScode格式化代码配置及插件学会使用扩展和配置,能让你的vs code生产效率提高百分之二十 --鲁迅打开setting(新版vscode打开方式2019版) 先按步骤打开 setting 界 ...
vscode格式化代码的详细教程
文章目录前言一.理论 1.参考文章 2.代码格式化目的: 3.代码格式化的注意事项: 插件作用符合代码检验插件更新二.代码格式化插件的官方文档: 1.语言介绍 2.插件介绍 3.我的sett ...
vscode格式化代码
使用vscode格式化代码快捷键一般为Shift+Alt+f,需要我们手动按快捷键才能实现代码格式化,如果我们需要更加方便快捷的方法格式化,就需要对vscode进行设置: 打开vscode,点击左下角 ...
vscode格式化代码无效--可能的解决方法
vscode格式化代码无效--可能的解决方法参考文章: (1)vscode格式化代码无效--可能的解决方法 (2)https://www.cnblogs.com/code1992/p/8657985 ...
idae 格式化代码设置eslint_vscode 中格式化代码[vue2支持，插件ESLint、Prettier、Vetur]...
1. 安装vscode插件ESLint Prettier formatter for Visual Studio Code Vetur 2. 配置文件 .editorconfigroot = true ...
vscode格式化代码使html标签不换行
1.打开Vscode,点击文件 ->首选项 ->设置->搜索vetur -> 在setting.json中编辑->输入以下代码(注意是json形式的,如果setting. ...

vscode格式化代码设置

vscode格式化代码设置相关推荐

最新文章

热门文章