vscode前端常用插件汇总
快捷命令
ctrl + shift + p 打开命令行
常用插件
-
Chinese (Simplified) Language Pack for Visual Studio Code
适用于vscode的中文语言包 -
Path Intellisense
自动路劲补全,默认不带这个功能的 -
Auto Rename Tag
自动重命名标签 -
HTML CSS Support
css样式补全 -
Path Intellisense
路径补全 -
View In Browser
迅速通过浏览器打开html文件 -
Prettier - Code formatter
漂亮的格式化工具 -
HTML Snippets
H5代码片段以及提示 -
Auto Close Tag
自动闭合对应的标签 -
Document This
快速注释 -
CSS Peek
可以追踪代码中的css属性 -
Bracket Pair Colorizer
给括号加上不同的颜色,便于区分不同的区块 -
vscode-icons
改变编辑器里面的文件图标 -
px to rem
像素转rem -
vscode-fileheader
自动添加文件头部描述信息 -
guides
显示代码对齐辅助线
vue插件
-
Vetur
语法高亮、智能感知等
包含格式化功能, Alt+Shift+F (格式化全文),Ctrl+K Ctrl+F(格式化选中代码,两个Ctrl需要同时按着) -
EsLint
语法纠错 -
Vue 2 Snippets
vue2代码提示 -
VueHelper
snippet代码片段 -
prettier
代码规范性插件
其他
- Npm Intellisense
require 时的包提示 - npm
npm - Import Cost
对引入的包计算大小。 - GitLens
git日志查看插件 - jQuery Code Snippets
JQuery代码提示,只需键入字母’jq’即可获得所有可用jQuery代码片段的列表。 - markdownlint
markdown语法纠错 - JavaScript(ES6) code snippets
ES6语法智能提示以及快速输入,除js外还支持.ts,.jsx,.tsx,.html,.vue,省去了配置其支持各种包含js代码文件的时间
- Bootstrap 4 & Font awesome
常用 bootstrap 的可以下
快捷键也可以去修改,位置是首选项→键盘快捷键方式
更多推荐
所有评论(0)