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怎么给每行首加代码
vscode给每行首加代码操作如下：
1、使用Vscode编辑器打开代码文件，选中一行代码。
2、按Ctrl+D即可向下选中与改行代码相同的一行代码。
3、Vscode快速选中代码中相同的行并在后面添加代码。
4、每按一次Ctrl+D都会向下选中相同的一行代码。
5、Vscode快速选中代码中相同的行并在每行首加代码。
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编辑javascript如何多行操作编辑？
在 Visual Studio Code 中，您可以通过使用多行编辑来快速编辑多行 JavaScript 代码。您可以通过以下方法使用多行编辑：
单击鼠标左键在第一行代码上。
在键盘上按下 Shift 键，并同时单击鼠标左键在最后一行代码上。
在键盘上按下 Alt 键，并单击鼠标左键在任意多行代码上。
通过在编辑器中单击鼠标右键，并选择“多行编辑”来选择多行代码。
在选择多行代码后，您可以使用编辑器的编辑功能（如复制、粘贴、剪切、删除等）来编辑所选行。您还可以使用编辑器的格式化功能（如自动缩进、代码折叠等）来整理所选行的格式。
visual studio code如何安装beatiful插件来调整代码格式？
在vscode中，点击左边那排按钮最下面的一个
Visual Studio Code 如何安装插件？
这里有个搜索框，可以在里面搜索插件
Visual Studio Code 如何安装插件？
例如我们搜索"Visual Studio Code Settings Sync"，这是一款能够同步自己vscode设置的插件。
输入搜索词后，左边会展示你的搜索结果，点击其中一个，在右边的界面上点击安装按钮。
Visual Studio Code 如何安装插件？
等待数秒安装完毕
Visual Studio Code 如何安装插件？
安装完毕后需要点击重新加载才能使它生效
Visual Studio Code 如何安装插件？
重启vscode后，右下角的提示就是刚才的插件带来的
Visual Studio Code 如何安装插件？
