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 高亮支持。
文章评论