VSCODE实用插件推荐
# Auto Rename Tag 辅助功能
ID: formulahendry.auto-rename-tag
发布者: Jun Han
VS Marketplace 链接: https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag
这款插件可以让你在修改html标签时同时修改成对的标记。
# Better Comments 视觉
ID: aaron-bond.better-comments
发布者: Aaron Bond
VS Marketplace 链接: https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments
这是一款视觉辅助插件,可以以不同的、鲜明的颜色显示特殊的注释文本。
# Bracket Pair Colorizer 2视觉
ID: coenraads.bracket-pair-colorizer-2
发布者: CoenraadS
VS Marketplace 链接: https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2
这款插件可以区分嵌套的块中左右括号的颜色,方便观察嵌套层次结构。
# Chinese (Simplified) Language Pack for Visual Studio Code视觉
ID: ms-ceintl.vscode-language-pack-zh-hans
发布者: Microsoft
VS Marketplace 链接: https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-zh-hans
几乎是必装的,VSCODE官方汉化插件。
# Debugger for Chrome辅助功能
ID: msjsdiag.debugger-for-chrome
发布者: Microsoft
VS Marketplace 链接: https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome
微软官方JS调试工具,可以方便地启动Chrome进行调试,并支持丰富调试功能。(启用前需要配置)
# Form Generator Plugin 辅助功能
ID: jakhuang.form-generator-plugin
发布者: jakHuang
VS Marketplace 链接: https://marketplace.visualstudio.com/items?itemName=jakHuang.form-generator-plugin
非常强大高效的插件,可以可视化编辑并自动生成Element表单。
# Git Graph辅助功能
ID: mhutchie.git-graph
发布者: mhutchie
VS Marketplace 链接:https://marketplace.visualstudio.com/items?itemName=mhutchie.git-graph
以可视化面板展示git分支和提交信息。
# Live Sass Compiler辅助功能
ID: ritwickdey.live-sass
发布者: Ritwick Dey
VS Marketplace 链接: https://marketplace.visualstudio.com/items?itemName=ritwickdey.live-sass
编译sass文件为css文件。
# Live Server辅助功能
ID: ritwickdey.liveserver
发布者: Ritwick Dey
VS Marketplace 链接: https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer
强大的实时网页预览工具,可以在html/css文件修改保存后自动更新预览网页效果。使用这个插件可以添加它对服务端网站如php
,.NET
,NodeJS
的支持。
# Live Share辅助功能
ID: ms-vsliveshare.vsliveshare
发布者: Microsoft
VS Marketplace 链接: https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare
微软官方插件,允许其他人和你一起在同一份文件/项目写代码和调试。
# Markdown All in One辅助功能
ID: yzhang.markdown-all-in-one
发布者: Yu Zhang
VS Marketplace 链接: https://marketplace.visualstudio.com/items?itemName=yzhang.markdown-all-in-one
功能强大的Markdown插件,集成了大量markdown快捷键和自动填写,也支持实时预览。
# Markdown Preview Github Styling辅助功能
ID: bierner.markdown-preview-github-styles
发布者: Matt Bierner
VS Marketplace 链接: https://marketplace.visualstudio.com/items?itemName=bierner.markdown-preview-github-styles
以Github的风格实时预览Markdown文件。
# Material Icon Theme视觉
ID: pkief.material-icon-theme
发布者: Philipp Kief
VS Marketplace 链接: https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme
修改资源管理器的文件/文件夹图标。
支持的全部图标
# One Dark Pro视觉
ID: zhuangtongfa.material-theme
发布者: binaryify
VS Marketplace 链接: https://marketplace.visualstudio.com/items?itemName=zhuangtongfa.Material-theme
我个人在使用而且非常喜欢的一款配色主题插件。
# Polacode辅助功能
ID: pnp.polacode
发布者: P & P
VS Marketplace 链接: https://marketplace.visualstudio.com/items?itemName=pnp.polacode
生成美观的代码截图!
# Prettier - Code formatter辅助功能
ID: esbenp.prettier-vscode
发布者: Prettier
VS Marketplace 链接: https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode
Web开发和团队开发几乎必备的插件,可以保存时自动格式化代码。
# REST Client辅助功能
ID: humao.rest-client
发布者: Huachao Mao
VS Marketplace 链接: https://marketplace.visualstudio.com/items?itemName=humao.rest-client
支持在VSCODE里快速发送Get和Post请求并查看返回值。
# Vetur辅助功能
ID: octref.vetur
发布者: Pine Wu
VS Marketplace 链接: https://marketplace.visualstudio.com/items?itemName=octref.vetur
Vue开发插件,支持大量Vue的语法高亮,代码提示,Emmet等等功能。
# Visual Studio IntelliCode辅助功能
ID: visualstudioexptteam.vscodeintellicode
发布者: Microsoft
VS Marketplace 链接: https://marketplace.visualstudio.com/items?itemName=VisualStudioExptTeam.vscodeintellicode
微软Visual Studio AI智能感知插件,可以自动补全TS/JS/Python/Java的代码。
# Vue Peek辅助功能
ID: dariofuzinato.vue-peek
发布者: Dario Fuzinato
VS Marketplace 链接: https://marketplace.visualstudio.com/items?itemName=dariofuzinato.vue-peek
支持Vue的自定义标签的快速预览