vscode自动格式化（vscode自动格式化失效）

本篇文章给大家谈谈vscode自动格式化，以及vscode自动格式化失效对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、为什么每个人的vscode中插件不一样
• 2、vue VSCode 开发设置（html自动补全、eslint保存时格式化、vetur 格式化html）
• 3、vscode代码自动代码格式化(添加分号)
• 4、vscode代码格式化快捷键及保存时自动格式化

为什么每个人的vscode中插件不一样

因为在下载安装的时候有选择一定的插件捆绑下载，当时有很多选项，有些人选了有些人直接跳过，所以安装完成之后插件会不一样。

VSCode是微软家一个非常轻量化的编辑器，体量虽轻，尺返卜但是却有异常强大的功能。世兆原因在于VSCode许多强大功能都是陵穗基于插件实现的，IDE只提供一个最基本的框架和基本功能，我们需要使用插件来丰富和扩展它的功能。

由于插件的重要作用，现在VSCode的插件社区规模已经非常可观我们平时常用的大部分开发小工具都可以在这个应用市场中找到。

打开VScode后，界面左边是应用市场的入口， 在这里可以搜索我们需要的插件。

[img]

vue VSCode 开发设置（html自动补全、eslint保存时格式化、vetur 格式化html）

File - Preference - Setting -搜索setting.json - Edit in settings.json

settings.json

方法1：File - Preference - Setting -搜索setting.json - Edit in settings.json

settings.json

Setting.json

方法2：File - Preference - 搜索框输入：files.autoSave

之后能看到 files.autoSave 的可选项有

off : 关闭自动保存（默认）

afterDelay: 延迟xx时间后保存，可在 "files.autoSaveDelay" 中配置延迟时间；

onFocusChange: 编辑器失去焦点时自动保存；

onWindowChange: 窗口失去焦点时(编辑器窗口的切换，桌面窗口的切换)自动保存；

安装 ESLint

vscode 中安装 ESLint 插件

然后配置 vscode 的 setting.json

File - Preference - User Snippers

vue.json文件，然后添加下面模板

然后新建.vue文件 ，写下vue然后Tap键就能生成什么的模板。

如果没有生成模板只是多了个空格或者生成的是vue标签的话，我们还得设置一下，打开settings.json，添加下面的设置

如果你的Setting.json文逗租件有 "files.associations" 设置的话，请删除，因为他会和上面 emmet.syntaxProfiles 冲突。

files.associations 和 emmet.syntaxProfiles 都是设置html 标签的补全山带兆，如果是要用.vue模板补全功能的话，html标签补全我们就用 emmet.syntaxProfiles 来设置。

vue 的开发中 vscode 可装用于开发规范的插件有

Prettier ：规范js

ESLint: 规范js

Vuter: 规范 .vue 文件中 template

stylus: 规范 stylus

注意：以下配置是基于接下来介绍的插件设置的，如果没有安装插件是不会生效的。

或者：

其中：

4.如果使用了stylus，那么vscode安装stylus插件，进行设置，不适用冒号双引号大括号

根目录下行行创建eslint规则文件 .eslintrc.js

（下面browsers 多了s 正确的为 browser ）

vscode代码自动代码格式化(添加分号)

If you are using yarn or pnpm instead of npm set the setting eslint.packageManager to either yarn or pnpm

Alternatively you can disable ESLint for the workspace folder front-basic-knowledge by executing the 'Disable ESLint' command.

[Info - 4:48:07 PM]

Failed to load the ESLint library for the document /Users/wangshihao/Desktop/github/悄敬瞎启空front-basic-knowledge/jsbasic/async/shark/8.10async2.js

To use ESLint please install eslint by running npm install eslint in the workspace folder front-basic-knowledge

or globally using 'npm install -g eslint'. You need to reopen the workspace after installing eslint.

If you are using yarn or pnpm instead of npm set the setting eslint.packageManager to either yarn or pnpm

Alternatively you can disable ESLint for the workspace folder front-basic-knowledge by executing the 'Disable ESLint'稿察 command.

file - Preferences - setting ，设置默认的Formatter

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

"雀袜判editor.formatOnType": true, 

"editor.formatOnSave": true

开工好袭大吉呀，开工顷改大吉，心中有红包，心中无红包。

关于vscode自动格式化和vscode自动格式化失效的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。