第一种解决方案

  1. ctrl + shift + X
  2. eslint 安装
  3. ctrl + , 或者打开C:\Users\Administrator\AppData\Roaming\Code\User\setting.json 又或者 文件\首选项\设置\设置json
{
"editor.tabSize": 2, // 一个制表符等于的空格数。在 #editor.detectIndentation# 启用时,根据文件内容,该设置可能会被覆盖。
"files.associations": { //配置语言的文件关联 (如: "*.extension": "html")。这些关联的优先级高于已安装语言的默认关联。
"*.vue": "vue"
},
"eslint.autoFixOnSave": true, //开启或关闭“自动修复”功能。
"eslint.options": { //eslint options对象,提供从命令行执行时通常传递给eslint的arg
"extensions": [
".js",
".vue"
]
},
"eslint.validate": [ //应该由ESLint验证的语言数组
"javascript", {
"language": "vue",
"autoFix": true
}, "html",
"vue"
],
"search.exclude": { //配置在搜索中排除的文件和文件夹的 glob 模式。已经继承 #files.exclude# 设置的所有 glob 模式。可在此处阅读有关 glob 模式的详细信息。
"**/node_modules": true,
"**/bower_components": true,
"**/dist": true
},
"emmet.syntaxProfiles": { //为指定的语法定义配置文件或使用带有特定规则的配置文件。
"javascript": "jsx",
"vue": "html",
"vue-html": "html"
},
"git.confirmSync": false, // 同步 Git 存储库前请先进行确认
"window.zoomLevel": 0, //调整窗口的缩放级别。原始大小是 0,每次递增(例如 1)或递减(例如 -1)表示放大或缩小 20%。也可以输入小数以便以更精细的粒度调整缩放级别。
"editor.renderWhitespace": "boundary", // 控制编辑器在空白字符上显示符号的方式。boundary: 除了单个空格,在空白字符上显示符号
"editor.cursorBlinking": "smooth", //控制光标的动画样式。
"editor.minimap.enabled": true, //控制是否显示缩略图。
"editor.minimap.renderCharacters": false, //渲染每行的实际字符,而不是色块。
"editor.fontFamily": "'Droid Sans Mono', 'Courier New', monospace, 'Droid Sans Fallback'", //控制字体系列
"window.title": "${dirty}${activeEditorMedium}${separator}${rootName}",
"editor.codeLens": true, //控制是否在编辑器中显示 CodeLens。
"editor.snippetSuggestions": "top", //控制代码片段是否与其他建议一起显示及其排列的位置。top: 在其他建议上方显示代码片段建议。
"search.followSymlinks": false, //控制是否在搜索中跟踪符号链接。
"workbench.colorTheme": "Visual Studio Light", //指定用在工作台中的颜色主题。
"workbench.startupEditor": "newUntitledFile", //在没有从上一会话中恢复出信息的情况下,控制启动时显示的编辑器。 newUntitledFile: 打开新的无标题文件 (仅在打开空工作区时适用)。 "[html]": { //针对某种语言,配置替代编辑器设置。
"editor.defaultFormatter": "HookyQR.beautify"
},
"terminal.integrated.shell.windows": "C:\\Windows\\System32\\cmd.exe", //终端在 Windows 上使用的 Shell 的路径。
"[javascript]": { //针对某种语言,配置替代编辑器设置。
"editor.defaultFormatter": "vscode.typescript-language-features"
},
}
  1. OK

vscode代码格式化的更多相关文章

  1. VSCode 代码格式化快捷键

    转载自:http://geek-docs.com/vscode/vscode-tutorials/vscode-code-formatting.html VSCode 代码格式化快捷键,我们平常在做自 ...

  2. vscode代码格式化快捷键及保存时自动格式化

    一.实现vs code中代码格式化快捷键:[Shift]+[Alt]+ F 二.实现保存时自动代码格式化: 1)文件 ------.>[首选项]---------->[设置]: 2)搜索  ...

  3. vscode代码格式化 空格的配置

    一个项目中同事使用webstorm,看我代码的时候说我传上去的会多出空格, VSCode 编辑 Setting.json文件,列出一些可以配置的项目   "javascript.format ...

  4. VSCode 代码格式化 快捷键

    Visual Studio Code可以通过以下快捷键 格式化代码: On Windows  Shift + Alt + F On Mac  Shift + Option + F On Ubuntu ...

  5. VSCode代码格式化自动换行问题

    打开VS设置,添加如下代码 "vetur.format.defaultFormatter.html": "js-beautify-html", "ve ...

  6. Prettier-Code Formater代码格式化插件使用教程

    目录 Prettier-Code Formater代码格式化插件使用教程 插件的安装 插件的使用 方式一: 配置VScode代码格式化后, 结合VScode快捷键使用 方式二: CLI中使用命令行的方 ...

  7. 前端学习笔记系列一:10整体移动vscode代码块、VSCode 使用 stylus,配置格式化设置、在vue项目中引入bootstrap

    1.整体移动vscode代码块 凭借操作的经验我们能够轻松地知道将代码整体往右移只需选中代码按Tab键即可.其实往左移也很简单: 选中之后按下 shift+Tab键 即可. 2.VSCode 使用 s ...

  8. vscode代码保存时自动格式化成ESLint风格(支持VUE)

    一.问题 vscode的默认的代码格式化ctrl+shift+f 无法通过eslint的代码风格检查是一个非常蛋疼的问题 同样在进行vue项目开发的时候,使用eslint代码风格检查是没啥问题的,但是 ...

  9. vscode 代码保存时自动格式化成 ESLint 风格

    vscode 的默认的代码格式化 alt+shift+f (windows) 无法通过 eslint 的代码风格检查,,, 比如: 4个空格和2个空格(ESLint) 字符串用单引号(ESLint) ...

随机推荐

  1. Kubernetes 中 Informer 的使用

    原文链接:https://mp.weixin.qq.com/s?__biz=MzU4MjQ0MTU4Ng==&mid=2247485580&idx=1&sn=7392dbadf ...

  2. 结合Excel批量操作网页,模拟登陆

    有这样一个场景,客户的一批账户密码保存在Excel中,需要逐一登录,进行某些操作 从头开始来的话很麻烦,读取Excel,安装Web控件,主要是控件操作没有很方便,有没有类似原始js调用.jqurey调 ...

  3. Java数据结构——图的基本理论及简单实现

    1. 图的定义图(graph)是由一些点(vertex)和这些点之间的连线(edge)所组成的:其中,点通常被成为"顶点(vertex)",而点与点之间的连线则被成为"边 ...

  4. Nuxt.js 踩坑记录(2) 使用sequelize时,提示install mysql2,安装了仍然不能解决问题

    打算写一个nuxt.js+sequelize+mysql的个人博客,遇到了挺多坑,还是坚持了下来,终于解决了这个bug. 今天不知道我做了什么,页面就报错了,定位到了使用sequelize的JS文件里 ...

  5. 第5章 if 语句

    第5章 if 语句 5.1 一个简单示例 cars = ['audi', 'bmw', 'subaru', 'toyota'] for car in cars: if car == 'bmw': pr ...

  6. 如何满足EN50128软件安全认证标准?

    导语 EN 50128是为铁路行业的特定需求量身定制的功能安全标准.其标题为“铁路应用—通信,信号和处理系统—铁路控制和防护系统软件”.遵守该标准的要求对于铁路软件开发是至关重要的.因此,必须了解什么 ...

  7. Java中的 "==" 和 "equals" 区别

    分析 "==" 和 "equals" 区别的时候先了解一下Java的内存. Java内存 “==” 和  “equals” 区别” “==”: “==”比较的是 ...

  8. Chrome 发一个请求,后台Controller 执行2次

    chrome 每发一次请求,都会执行2次controller,换成其他浏览器就不会. 最后发现是这个插件导致的,果断删除.

  9. 认识JavaScript中Let和Var的区别

    本文转载自:https://www.cnblogs.com/songzxblog/p/11137117.html

  10. HTTPS协议原理解析

    一.对称加密与非对称加密 1,定义: 对称加密:加密和解密的秘钥使用的是同一个. 非对称加密:与对称加密算法不同,非对称加密算法需要两个密钥:公开密钥(publickey)和私有密钥(privatek ...