基本配置插件
-
Chinese (Simplified) Language Pack for Visual Studio Code
中文简体语言包
-
vscode-icons
它不仅能够给文件夹、文件添加上舒适的图标,而且可以自动检测项目,根据项目不同功能配上不同图标,例如,git、Markdown、配置项、工具类等等
-
Bracket Pair Colorizer
给常用括号显示不同颜色,当点击对应括号时能够用线段直接链接到一起,让层次结构一目了然
-
Path Intellisense
自动路径补全
-
Npm Intellisense
用于在import语句中自动填充npm模块
-
Auto import
自动导入包插件
-
TODO Highlight
高亮显示备注中的 TODO 事项,推荐配合 Todo Tree 使用
-
Todo Tree
点击左侧栏“树”的logo,显示 TODOList 条目,点击相应的条目,可以打开文件并定位到 TODO 行
-
Dracula Official
个人喜欢的vscode主题
-
Code Runner
代码一键运行,支持超过40种语言
-
Draw.io Integration
在 vscode 中画流程图
前端插件安装
插件推荐
-
Markdown All in One
markdown文档写作工具,可以实现媲美Typora的Markdown编辑体验
-
JavaScript (ES6) code snippets
为 JavaScript、TypeScript、HTML、React 和 Vue 提供了 ES6 的语法支持
-
vue
Vue 的语法高亮、智能感知、Emmet 等
-
Image Preview
鼠标悬浮在链接或者装订线(gutter)左边可以预览到图片
-
Auto Rename Tag
自动重命名成对的HTML标记
-
Auto Close Tag
自动写关闭标签
-
HTML Snippets
在代码分段方面非常有用,可以为你节省大量的时间。它能跟Emmet配对
-
HTMLHINT
html代码检测,支持html5
-
Babel ES6/ES7
JavaScript Babel的辅助工具。如果你用的是Babel,这个工具可以让你更容易区分代码
-
ESLint
用这个软件可以轻易获取有关漏洞的提示,而且在编码过程中,它还可以帮助你养成良好的编码习惯
-
Live server
实时显示网页情况
-
Beautify
格式化javascript,JSON,CSS,HTML
-
Highlight Matching Tag
vscode 标签成对高亮
-
HTML Snippets
智能提示HTML标签,以及标签含义
-
indent-rainbow
高亮(每行代码之前的)缩进
-
jQuery Code Snippets
jQuery代码智能提示
-
view-in-browser
从浏览器中查看html文件,使用系统的当前默认浏览器,从浏览器中查看html文件,使用系统的当前默认浏览器
后端插件安装
插件推荐
-
C/C++
来自微软官方的 C/C++ 插件,必备的插件,如果不安装,代码无法跳转,也没有自动补全
-
C++ Intellisense
对官方工具的补充,对以下工具功能增强
- 跳转到定义;
- 代码自动补全;
- 查找代码引用;
- 列举 symbols;
-
Python
必备插件,提供了代码分析,高亮,规范化等很多基本功能
-
Python Snippets
Python代码智能提示工具
-
Pylance
和其他Python语言服务器一样,Pylance也是围绕提升开发效率和体验进行优化,它主要有如下特性:
- Docstrings
- 参数提示
- 自动导入
- 代码补全
- 代码诊断
- 引用和跳转
- 代码大纲
- 类型检查
- 支持多工作区
- 带有类型信息的签名帮助
- 兼容IntelliCode和Jupyter notebook
-
AREPL for python
实时显示python的输出信息
-
Python Docstring Generator
可以自动生成函数注释模板信息
-
XML Tools
xml文件工具,使用xml文件