vscode 翻译_前端新手 VSCode 入门指南

目录

1. 主题推荐
2. 图标主题
3. 常用插件
4. 高效的快捷键
5. 个人偏好设置

---

「一」主题推荐

Dracula

插件名：Dracula Official

Dark theme for Visual Studio Code and 111+ apps — Dracula​draculatheme.com

Dark theme for Visual Studio Code

Material Theme

插件名：Material Theme

---

「二」图标主题

Material Icon Theme

插件名：Material Icon Theme

---

「三」常用插件

语言类

插件名：Chinese (Simplified) Language Pack for Visual Studio Code

插件名：翻译(英汉词典)

插件名：Code Spell Checker

收藏与代办类

插件名：Bookmarks

插件名：Todo Tree

智能提示类

插件名：TabNine（ 墙裂推荐！）

插件名：Bracket Pair Colorizer 2

插件名：Path Intellisense

插件名：Color Highlight

插件名：VSCode Highlight Matching Tag

插件名：npm Intellisense

插件名：Import Cost

插件名：Regex Previewer

插件名：CSS Peek

代码补全类

插件名：Auto Close Tag

插件名：Auto Import

插件名：Auto Rename Tag

插件名：HTML CSS Support

插件名：minapp-vscode

代码片段类

插件名：ES7 React/Redux/GraphQL/React-Native snippets

插件名：VueHelper

代码工具类

插件名：Vetur

插件名：npm

插件名：Turbo Console Log

代码质量和风格检测类

插件名：ESLint

插件名：stylelint

代码格式化类

插件名：Prettier

插件名：CSScomb，推荐腾讯 AollyTeam 团队的规范

Git 代码版本控制类

插件名：GitLens

插件名：Git History

编辑器功能增强类

插件名：Live Share

插件名：Browser Preview

插件名：open in browser

插件名：Markdown Preview

插件名：Settings Sync

---

「四」高效的快捷键

打开终端

切换终端

快速定位终端

创建终端

关闭终端

---

「五」个人偏好设置

字号

字体

行高

缩进类型

缩进大小

---

参考

三钻：VSCode插件大全｜VSCode高级玩家之第二篇​zhuanlan.zhihu.com

灰蓝宇墨：史上最全vscode配置使用教程​zhuanlan.zhihu.com