VSCode使用

1. vscode插件

名称: Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code
ID: MS-CEINTL.vscode-language-pack-zh-hans

名称: Code Runner
ID: formulahendry.code-runner

名称: Code Spell Checker
ID: streetsidesoftware.code-spell-checker

名称: Comment Translate
ID: intellsmi.comment-translate

名称: GitHub Theme
ID: GitHub.github-vscode-theme

名称: GitLens — Git supercharged
ID: eamodio.gitlens

名称: JavaScript (ES6) code snippets
ID: xabikos.JavaScriptSnippets

名称: Live Server
ID: ritwickdey.LiveServer

名称: open in browser
ID: techer.open-in-browser

名称: Path Intellisense
ID: christian-kohler.path-intellisense

名称: ESLint
ID: dbaeumer.vscode-eslint

名称: Markdown All in One
ID: yzhang.markdown-all-in-one

名称: Prettier - Code formatter
ID: esbenp.prettier-vscode

名称: Prettier ESLint
ID: rvest.vs-code-prettier-eslint

名称: Vetur
ID: octref.vetur
说明：vue项目中vue结尾的文件代码通默认都是没有高亮显示，安装Vetur插件可以让vue文件代码高亮。

名称: Vue Language Features (Volar)
ID: Vue.volar
说明：Language support for Vue 3

名称: Vue VSCode Snippets
ID: sdras.vue-vscode-snippets
说明：在VScode工具中使用vue开发项目，创建每个组件都要写相同的内容是一件繁琐的事情，交给插件帮我们完成

名称: VueHelper
ID: oysun.vuehelper

2.VSCode 设置

Tab Size
设置：2
说明：一个制表符等于的空格数

Compact Folder
说明：控制资源管理器是否应以紧凑形式呈现文件夹

Linked Editing
说明：自动闭合标签

Bracket Pair Colorization
说明：启用括号对着色

Guides:

• Bracket Pairs
  说明：启用括号对竖直参考线
• Bracket Pairs Horizontal
  说明：启用括号对水平参考线
• Highlight Active Bracket Pair
  说明：活动的括号对高亮