下载vscode
常用快捷键
打开命令面板
-
使用方式:
Ctrl + Shift + P
插件
通用类
中文化插件
-
插件名称:
Chinese (Simplified) Language Pack for Visual Studio Code -
使用方法:
step1: 打开命令面板 Ctrl+Shift+P
step2: 输入 config 筛选可用命令列表
step3: 选择配置语言命令,重启 vscode
主题插件
- 插件名称:
Atom One Dark Theme
- 使用方法:
step1: 打开命令面板
Ctrl + Shift + p
step2: 输入 theme 筛选可用命令列表(快捷键: command + k, command + t)
step3: 选择主题
图标主题
- 插件名称:
vscode-icons
文件大小
- 插件名称:
filesize
文件二进制信息查询
- 插件名称:
hexdump for VSCode
图片预览
- 插件名称:
Image preview
打开浏览器
- 插件名称:
open in browser
- 使用方式:
mac: option + b
window: alt + b
html、css、js相关插件
自动关闭标签
- 插件名称:
Auto Close Tag
自动导入
- 插件名称:
Auto Import
自动修改标签名称
- 插件名称:
Auto Rename Tag
js括号标记颜色
- 插件名称:
Bracket Pair Colorizer 2
js代码运行调试
- 插件名称:
Code Runner
es6辅助插件
- 插件名称:
JavaScript(ES6) code snippets
代码格式化相关插件
eslint
- 插件名称:
ESlint
格式化插件
- 插件名称:
Prettier - Code formatter
git相关插件
git记录图形回溯
- 插件名称:
Git Graph
git用户记录
- 插件名称:
GitLens -- Git supercharged
vue相关插件
vue高亮插件
- 插件名称:
Vetur
vue模版辅助插件
- 插件名称:
Vue VSCode Snippets
-
使用方式:
- 创建模版
vbase
- 创建模版
vue代码辅助插件
- 插件名称:
VueHelper
vue3辅助插件
- 插件名称:
Vue 3 Snippets Highlight Formatters
element-ui辅助插件
- 插件名称:
Element UI Snippets
- 使用方式:
详见插件文档 marketplace.visualstudio.com/items?itemN…
react相关插件
jsx辅助插件
- 插件名称:
JS JSX Snippets
