VSCode 插件

常用插件

Auto Close Tag 自动闭合 HTML 标签

Auto Rename Tag 自动修改匹配的标签

AutoFileName 输入的文件路径的智能补全

Path Autocomplete 文件路径补全,可设置别名

Path Intellisense 文件路径补全

Better Comments 美化注释

Bracket Pair Colorizer 为括号提供颜色高亮

Code Spell Checker 拼写检查

Color Highlight 颜色值在代码中高亮显示

Document This 注释文档生成

DotENV DotENV 插件

EditorConfig for VS Code EditorConfig 插件

ESLint ESLint 插件,高亮提示

Git History 查看 Git log

gitignore 更好的使用 gitignore

GitLens — Git supercharged 显示当前行commit信息

indent-rainbow 突出显示代码缩进

markdownlint markdown 格式检查

Material Icon Theme 设置文件图标

Polacode 代码截图工具

Prettier - Code formatter Prettier 插件

stylelint stylelint 插件

Sort lines 排序选中行

Vetur Vue 语法高亮

Visual Studio IntelliCode 代码智能提示

vue-beautify vue 格式化

vue-helper Vue2 代码片段

Settings Sync 设置同步

Search node_modules 搜索node_modules下目录

Settings Sync 使用

上传设置

  • 需要 GitHub 账号
  • 安装 Settings Sync 插件
  • cmd + shift + p,输入 Sync:Advanced Options,LOGIN WITH GITHUB
  • 生成 Github Token
  • Gist ID,输入上步获取的 Token
  • cmd + shift + p,输入 Sync:Upload/Update Settings 上传设置

下载设置

  • cmd + shift + p,输入 Sync:Advanced Options,LOGIN WITH GITHUB
  • 输入 Gist ID 和 获取令牌
  • cmd + shift + p,输入 Sync:Download Settings 下载设置
  • 若未下载成功,多尝试几次,注意确认 Gist ID 和 获取令牌是否正确