vscode 插件

vscode插件安装
Dracula Official 德古拉主题
Material Icon Theme 图标主题
Chinese Language Pack 中文语言包
GitLens 在代码中显示每一行代码的提交历史
Git History 对比查看git历史版本
indent-rainbow 凸显缩进着色,让你的缩进一目了然
水桶套装!直接安装全部插件,插件互不干扰。

vscode插件列表中, Ctrl + 鼠标左键 + 点击标题 会弹出对应官方介绍

Tabnine AI - AI 代码完成插件 【全局】

Code Runner F5, 运行! 【全局】

Image preview 图片预览 【全局】

Color Highlight 颜色高亮 【全局】

Comment Translate 自动将英文翻译为中文 【全局】

Auto Rename Tag - 自动重命名配对的HTML / XML标记 【全局】

HTML CSS Support 在html/css文件中快速书写属性 【 Supported Languages】

JavaScript (ES6) code snippets 快速书写ES6代码 【Supported languages】

cssrem 将css中的px自动转换为rem.再也不用计算器(大漠推介) 【局部】

Regex Previewer 边写正则边看结果 【全局】

Prettier 格式化,全世界都在使用Prettier来统一风格【局部】**

Eslint Js 语法检测 【全局】

Tslint Typescript 语法检测 【ts,js文件】

JSON to TS 将json代码转变为Ts代码 【全局】

Vetur 快速书写Vue代码 【vue文件】

Vue 2 Snippets 快速新建一个vue页面(参考文章) 【全局】

Markdown Preview Enhanced Markdown文件预览 【md文件】

Markdown All in One Markdown全功能snippet 【md文件】

koroFileHeader 生成文件头部备注 【md文件】

XML Tools XML文件格式化以及高亮 【xml文件】

DotENV env文件高亮 【xml文件】

Bookmarks 对代码片段添加书签,便于跳转 【全局】

Python tab与空格的痛苦,写过python的都知道 【py文件】

Flutter Flutter ! yyds 【dart文件】

Awesome Flutter Snippets Flutter 代码片段速写 【dart文件】

Built Value Snippets 配合 Built Value 快速生成 dart 模型 【dart文件】

View In Browser 迅速通过浏览器打开html文件 【局部】

Css Peek 在html和css文件中定位class和id样式. (右键单击选择器时,选择 Go to Definition和 Peek definition,遗憾的是vue中不可用)【html/css文件】

Path Intellisense 路径识别,书写文件引入地址时很方便。遗憾就是,对webpack项目中的路径别名无法识别 【全局】

npm Intellisense 在import语句中,自动填充npm模块。【js文件】

language-stylus CSS预处理器,styl后缀文件的识别扩展 【styl文件】

filesize 在底部状态栏左侧,显示当前文件大小,还可以点击 【全局】

Better Comments 对注释内容着色。快捷使用: 编辑器内输入 /**, 再按Tab键 【全局】

REST Client 类似 postman ,直接在 VScode 中模拟发送http请求,调试可用 【全局】

Live Server 快速启动一个本地服务器 【全局】

————————————————
原文链接:https://blog.csdn.net/win7583362/article/details/79315055

你可能感兴趣的:(vscode 插件)