VSCode前端开发插件

VSCode的插件如Chinese(Simplified)LanguagePack、CodeSpellChecker和Vetur等能极大地提高开发效率。从语言包到代码检查,再到Vue.js的支持和代码格式化,这些插件覆盖了前端开发的多个方面,是开发者的重要工具。
摘要由CSDN通过智能技术生成


VS Code提供了非常丰富的插件功能,根据你的需要,安装对应的插件可以大大提高开发效率。
完成前端开发,常见插件介绍:

1、Chinese (Simplified) Language Pack
适用于 VS Code 的中文(简体)语言包
2、Code Spell Checker
拼写检查器。比如 banana 单词写错成 banane ,会提示你是否修改成 banana ,也可以将 banane 添加至检查器的字典中。
3、HTML CSS Support
在编写样式表的时候,自动补全功能大大缩减了编写时间。
4、JavaScript (ES6) code snippets
支持ES6语法提示
5、Mithril Emmet
一个能大幅度提高前端开发效率的一个工具,用于补全代码
6、Path Intellisense
路径提示插件
7、Vue 3 Snippets
在 Vue 2 或者 Vue 3 开发中提供代码片段,语法高亮和格式化的 VS Code 插件,能极大提高你的开发效率。
8、VueHelper
vscode最好的vue代码提示插件,不仅包括了vue2所有api,还含有vue-router2和vuex2的代码
9、Auto Close Tag
自动闭合HTML/XML标签
10、Auto Rename Tag
自动完成另一侧标签的同步修改
11、Beautify
格式化 html ,js,css
12、Bracket Pair Colorizer
给括号加上不同的颜色,便于区分不同的区块,使用者可以定义不同括号类型和不同颜色 
13、open in browser
vscode不像IDE一样能够直接在浏览器中打开html,而该插件支持快捷键与鼠标右键快速在浏览器中打开html文件,支持自定义打开指定的浏览器,包括:Firefox,Chrome,Opera,IE以及Safari
14、Vetur
Vue多功能集成插件,包括:语法高亮,智能提示,emmet,错误提示,格式化,自动补全,debugger。vscode官方钦定Vue插件,Vue开发者必备。 
15、IntelliJ IDEA Keybindings
安装VSCode的插件 IntelliJ IDEA Keybindings 即可在VSCode中使用IDEA的快捷键。
16、Prettier - Code formatter
一款强大的格式化代码插件
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值