(杂项笔记)VS Code好用的插件推进

vs code推荐插件

  • 1、IntelliJ IDEA Keybindings
  • 2、Chinese (Simplified) Language Pack
  • 3、Code Spell Checker
  • 4、JavaScript (ES6) code snippets
  • 5、Mithril Emmet
  • 6、Path Intellisense
  • 7、Vue 3 Snippets
  • 8、VueHelper
  • 9、Auto Close Tag
  • 10、Auto Rename Tag
  • 11、Beautify
  • 12、Bracket Pair Colorizer 2
  • 13、open in browser
  • 14、Vetur
  • 15、File Utils
  • 16、HTML CSS Support

最近在回顾前端的一些知识,刚好新买了电脑,重新安装一下各厂开发工具,就把我学习过程中遇到的好用的插件推荐给大家了。

1、IntelliJ IDEA Keybindings

IntelliJ IDEA Keybindings

安装VSCode的插件 IntelliJ IDEA Keybindings 即可在VSCode中使用IDEA的快捷键,这个对于经常用idea的后端程序员还是很友好的。
(杂项笔记)VS Code好用的插件推进_第1张图片

2、Chinese (Simplified) Language Pack

Chinese (Simplified) Language Pack

适用于 VS Code 的中文(简体)语言包。
(杂项笔记)VS Code好用的插件推进_第2张图片

3、Code Spell Checker

Code Spell Checker

拼写检查器。比如 banana 单词写错成 banane ,会提示你是否修改成 banana ,也可以将banane 添加至检查器的字典中。
(杂项笔记)VS Code好用的插件推进_第3张图片

4、JavaScript (ES6) code snippets

JavaScript (ES6) code snippets

支持ES6语法提示。
(杂项笔记)VS Code好用的插件推进_第4张图片

5、Mithril Emmet

Mithril Emmet

一个能大幅度提高前端开发效率的一个工具,用于补全代码。
(杂项笔记)VS Code好用的插件推进_第5张图片

6、Path Intellisense

Path Intellisense

路径提示插件。这个插件也建议安装,虽然vs code内部集成了类似功能,但是没这个全面;
(杂项笔记)VS Code好用的插件推进_第6张图片

7、Vue 3 Snippets

Vue 3 Snippets

在 Vue 2 或者 Vue 3 开发中提供代码片段,语法高亮和格式化的 VS Code 插件,能极大提高你的开发效率。
(杂项笔记)VS Code好用的插件推进_第7张图片

8、VueHelper

VueHelper

vscode最好的vue代码提示插件,不仅包括了vue2所有api,还含有vue-router2和vuex2的代码。
(杂项笔记)VS Code好用的插件推进_第8张图片

9、Auto Close Tag

Auto Close Tag

自动闭合HTML/XML标签。
(杂项笔记)VS Code好用的插件推进_第9张图片

10、Auto Rename Tag

Auto Rename Tag

自动完成另一侧标签的同步修改。
(杂项笔记)VS Code好用的插件推进_第10张图片

11、Beautify

prettier

格式化 html ,js,css,Beautify过期的话,可以使用prettier作为替代。
(杂项笔记)VS Code好用的插件推进_第11张图片

12、Bracket Pair Colorizer 2

Bracket Pair Colorizer 2

给括号加上不同的颜色,便于区分不同的区块,使用者可以定义不同括号类型和不同颜色。
(杂项笔记)VS Code好用的插件推进_第12张图片

13、open in browser

open in browser

vscode不像IDE一样能够直接在浏览器中打开html,而该插件支持快捷键与鼠标右键快速在浏览器中打开html文件,支持自定义打开指定的浏览器,包括:Firefox,Chrome,Opera,IE以及Safari。
(杂项笔记)VS Code好用的插件推进_第13张图片

14、Vetur

Vetur

Vue多功能集成插件,包括:语法高亮,智能提示,emmet,错误提示,格式化,自动补全,debugger。vscode官方钦定Vue插件,Vue开发者必备。

(杂项笔记)VS Code好用的插件推进_第14张图片

15、File Utils

File Utils

File Utils插件,可以方便快捷的来创建、复制、移动、重命名文件和目录。
(杂项笔记)VS Code好用的插件推进_第15张图片

16、HTML CSS Support

HTML CSS Support

在编写样式表的时候,自动补全功能大大缩减了编写时间。这个插件还是建议安装,虽然vs code内部集成了类似功能,但是在某些场景下不如这个全面;
(杂项笔记)VS Code好用的插件推进_第16张图片

你可能感兴趣的:(开发学习,笔记)