shadowfish和他的代码

vuePress-theme-reco shadowfish    2020 - 2023
shadowfish和他的代码

Choose mode

  • dark
  • auto
  • light
时间轴

shadowfish

49

Article

42

Tag

时间轴

VSCODE实用插件推荐

vuePress-theme-reco shadowfish    2020 - 2023

VSCODE实用插件推荐

shadowfish 2020-08-14 VSCODE

# Auto Rename Tag 辅助功能

ID: formulahendry.auto-rename-tag
发布者: Jun Han
VS Marketplace 链接: https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag


这款插件可以让你在修改html标签时同时修改成对的标记。

Usage

# Better Comments 视觉

ID: aaron-bond.better-comments
发布者: Aaron Bond
VS Marketplace 链接: https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments


Annotated code

这是一款视觉辅助插件,可以以不同的、鲜明的颜色显示特殊的注释文本。

# Bracket Pair Colorizer 2视觉

ID: coenraads.bracket-pair-colorizer-2
发布者: CoenraadS
VS Marketplace 链接: https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2


这款插件可以区分嵌套的块中左右括号的颜色,方便观察嵌套层次结构。

Screenshot

# 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进行调试,并支持丰富调试功能。(启用前需要配置)

Demo

# Form Generator Plugin 辅助功能

ID: jakhuang.form-generator-plugin
发布者: jakHuang
VS Marketplace 链接: https://marketplace.visualstudio.com/items?itemName=jakHuang.form-generator-plugin


非常强大高效的插件,可以可视化编辑并自动生成Element表单。

image

# Git Graph辅助功能

ID: mhutchie.git-graph
发布者: mhutchie
VS Marketplace 链接:https://marketplace.visualstudio.com/items?itemName=mhutchie.git-graph


以可视化面板展示git分支和提交信息。

Recording of Git Graph

# Live Sass Compiler辅助功能

ID: ritwickdey.live-sass
发布者: Ritwick Dey
VS Marketplace 链接: https://marketplace.visualstudio.com/items?itemName=ritwickdey.live-sass


编译sass文件为css文件。

App Preview

# Live Server辅助功能

ID: ritwickdey.liveserver
发布者: Ritwick Dey
VS Marketplace 链接: https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer


强大的实时网页预览工具,可以在html/css文件修改保存后自动更新预览网页效果。使用这个插件 可以添加它对服务端网站如php,.NET,NodeJS的支持。

Live Server Demo VSCode

# 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文件。

img

# Material Icon Theme视觉

ID: pkief.material-icon-theme
发布者: Philipp Kief
VS Marketplace 链接: https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme


修改资源管理器的文件/文件夹图标。

支持的全部图标

file icons

folder icons

# One Dark Pro视觉

ID: zhuangtongfa.material-theme
发布者: binaryify
VS Marketplace 链接: https://marketplace.visualstudio.com/items?itemName=zhuangtongfa.Material-theme


我个人在使用而且非常喜欢的一款配色主题插件。

Screenshot

# Polacode辅助功能

ID: pnp.polacode
发布者: P & P
VS Marketplace 链接: https://marketplace.visualstudio.com/items?itemName=pnp.polacode


生成美观的代码截图!

usage

# 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请求并查看返回值。

rest-client

# 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的自定义标签的快速预览

Demo