VS Code 自用插件记录 ¶

通用 ¶

功能	插件名称
VS code 汉化	Chinese (Simplified) Language Pack
显示文件大小	filesize
彩色多重括号	Bracket Pair Colorizer 2（vscode已经内置已弃用） “editor.guides.bracketPairs”: true
Tab跳出括号	TabOut
路径补全	Path Intellisense
代码运行器	Code Runner
好看文件图标	vscode-icons
Markdown插件	Markdown Preview Enhanced
自动统计todo注释	Todo Tree

语言 ¶

HTML/CSS ¶

功能	插件名称
自动闭合HTML/CSS标签	Auto Close Tag
自动重命名成对的标签	Auto Rename Tag
智能提示CSS类名以及id	HTML CSS Support
智能提示HTML标签，以及标签含义	HTML Snippets
在浏览器快速打开html文件	open in browser

Java script ¶

功能	插件名称
代码片段插件	JavaScript (ES6) code snippets
代码格式化	Beautify
浏览器调试	Debugger for Chrome
代码格式化	Prettier - Code formatter

Auto.js ¶

Auto.js-VSCodeExt

Python ¶

功能	插件名称
python环境必备	Python

flake8是python发一个静态代码选择工具，用来检测python书写是否规范；yapf是python代码格式化的工具。

1 2	python -m pip install flake8 python -m pip install yapf

未归类 ¶

3.1 Auto Close Tag (自动闭合HTML/XML标签)
3.2 Auto Rename Tag (自动完成另一侧标签的同步修改)
3.3 Beautify (格式化 html ,js,css)
3.4 Bracket Pair Colorizer(给括号加上不同的颜色，便于区分不同的区块)
3.5 Debugger for Chrome(映射vscode上的断点到chrome上，方便调试)
3.6 ESLint(js语法纠错，可以自定义配置)
3.7 GitLens(方便查看git日志)
3.8 HTML CSS Support (智能提示CSS类名以及id)
3.9 HTML Snippets(智能提示HTML标签，以及标签含义)
3.10 JavaScript(ES6) code snippets(ES6语法智能提示，以及快速输入)
3.11 jQuery Code Snippets(jQuery代码智能提示)
3.12 Markdown Preview Enhanced(实时预览markdown)
3.13 markdownlint(markdown语法纠错)
3.14 Material Icon Theme(vscode图标主题)
3.15 Icon fonts(图标字体)
3.16 open in browser(右键快速在浏览器中打开html文件)
3.17 Path Intellisense(自动提示文件路径)
3.18 React/Redux/react-router Snippets(React/Redux/react-router语法智能提示)
3.19 Vetur(Vue多功能集成插件，错误提示等)
3.20 Class autocomplete for HTML(智能提示HTML class =“”属性)
3.21 npm Intellisense(require 时的包提示)
3.22 vscode-icons 好看的图标插件
3.23 PHP Debug 配合php扩展Xdebug使用
3.24 Bracket Pair Colorrizer 用来区分括号
3.25 PHP DocBlocker 用于函数,类的快速注释
3.26 PHP Intelephense PHP智能感知
3.27 PHP Intellisense PHP智能感知，两个都下
3.28 Path Intellisense 路径感知
3.29 PHP Namespace Resolver Namespace的快速引入, 选中类,按ctrl+alt+I
3.30 TODO Hightlight 高亮关键词 TODO: FIXME:
3.31 Settings Sync 同步扩展配置用的(通过github帐号)