VScode插件大全

2023年2月17日 771点热度 0人点赞 0条评论

Visual Studio Code (简称 VSCode )是 个轻量级 Web 成开发环境 on Linux, Mac and Windows !
常用插件:

Auto Close Tag
自动闭合 HTML 标签

Auto Import
Typescript 自动 import 提示

Auto Rename Tag
修改 HTML 标签时,自动修改匹配的标签

Beautify css/sass/scss/less
css/sass/less 格式化

Better Comments
编写更加人性化的注释

Bookmarks
添加行书签

Code Spellchecker
单词拼写检查

CodeBing
在VSCode 中弹出浏览器并搜索,可编辑搜索引擎

Color Highlight
颜色值在代码中高亮显示

Color Info
小窗口显示颜色值, rgb, hsl, cmyk, hex 等等

Color Picker
拾色器

Document This
注释文档生成

ES Lint
ES Lint 插件,高亮提示

Emoji
在代码中输入 emoji

File Peek
根据路径字符串,快速定位到文件

Font-awesome codes for html
FontAwesome 提示代码段

Git Blame
在状态栏显示当前行的 Git 信息

Git History(git log)
查看 git log

GitLens
显示文件最近的 commit 和作者,显示当前行 commit 信息

Guides
高亮缩进基准线

HTML CSS Class Completion
CSS class 提示

HTML CSS Support
css 提示(支持 Vue)

HTMLHint
HTML 格式提示

htmltagwrap
包裹 HTML

Import Cost
行内显示导 import/require 包的大小

Indenticator
缩进高亮

JavaScript (ES6) code snippets
ES6 语法代码段 JavaScript Standard Style

Standard风格JSON to TS
JSON结构化为typescript的interface

JSON Tools
格式化和压缩 JSON

Less IntelliSense
less 变量与混合提示

Lodash
Lodash代码段

Log Wrapper
生产打印选中变量的代码

Node modules resolve
快速导航到 Node 模块

Code Outline
展示代码结构树

Output Colorizer
彩色输出信息

Path Autocomplete
路径完成提示

Path Intellisense
另一个路径完成提示

PostCss Sorting
css排序

Pre ify JSON
格式化JSON

Project Manager
快速切换项目

REST Client
发送 REST HTTP 请求

React Native Storybooks
storybook 预览插件 支持 react

React Playground
为编辑器提供 react 组件运行环境,方便调试

React Standard Style code snippets
react standard 风格代码块

TS Lint
Type Script 语法检查

Test Spec Generator
测试用例生成(支持 chai hould jasmine)

TypeScript Import
TS 自动 import

Type Search
TS 搜索

Version Lens
package.json 文件显示模块当前版本和最新版本

View Node Package
快速打开开选中模块的主页和代码仓库

VueHelper
Vue2代码段(包括 Vue2API、vue-router2、vuex2)

filesize
状态栏显示当前文件大小

markdownlint
Markdown 格式提示

npm Intellisense
导入模块时,提示己安装模块名称 npm,运行 npm命令

stylelint
css/s ass less 码风格

vetur
目前比较好的 Vue 语法高亮

vscode-database
操作数据库,支持 mysql postgres

vscode-icons
文件图标,方便定位文件

vscode-random
随机字符串生成器

vscode-s rled-components
styled-components 高亮支持

vscode-styled-jsx
styled-jsx 高亮支持。

小小调酒师

此刻打盹,你将做梦; 此刻学习,你将圆梦。 个人邮箱:shellways@foxmail.com

文章评论