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

vs code推荐插件

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

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

1、IntelliJ IDEA Keybindings

en 复制代码
IntelliJ IDEA Keybindings

安装VSCode的插件 IntelliJ IDEA Keybindings 即可在VSCode中使用IDEA的快捷键,这个对于经常用idea的后端程序员还是很友好的。

2、Chinese (Simplified) Language Pack

en 复制代码
Chinese (Simplified) Language Pack

适用于 VS Code 的中文(简体)语言包。

3、Code Spell Checker

en 复制代码
Code Spell Checker

拼写检查器。比如 banana 单词写错成 banane ,会提示你是否修改成 banana ,也可以将banane 添加至检查器的字典中。

4、JavaScript (ES6) code snippets

en 复制代码
JavaScript (ES6) code snippets

支持ES6语法提示。

5、Mithril Emmet

en 复制代码
Mithril Emmet

一个能大幅度提高前端开发效率的一个工具,用于补全代码。

6、Path Intellisense

en 复制代码
Path Intellisense

路径提示插件。这个插件也建议安装,虽然vs code内部集成了类似功能,但是没这个全面;

7、Vue 3 Snippets

en 复制代码
Vue 3 Snippets

在 Vue 2 或者 Vue 3 开发中提供代码片段,语法高亮和格式化的 VS Code 插件,能极大提高你的开发效率。

8、VueHelper

en 复制代码
VueHelper

vscode最好的vue代码提示插件,不仅包括了vue2所有api,还含有vue-router2和vuex2的代码。

9、Auto Close Tag

en 复制代码
Auto Close Tag

自动闭合HTML/XML标签。

10、Auto Rename Tag

en 复制代码
Auto Rename Tag

自动完成另一侧标签的同步修改。

11、Beautify

en 复制代码
prettier

格式化 html ,js,css,Beautify过期的话,可以使用prettier作为替代。

12、Bracket Pair Colorizer 2

en 复制代码
Bracket Pair Colorizer 2

给括号加上不同的颜色,便于区分不同的区块,使用者可以定义不同括号类型和不同颜色。

13、open in browser

en 复制代码
open in browser

vscode不像IDE一样能够直接在浏览器中打开html,而该插件支持快捷键与鼠标右键快速在浏览器中打开html文件,支持自定义打开指定的浏览器,包括:Firefox,Chrome,Opera,IE以及Safari。

14、Vetur

en 复制代码
Vetur

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

15、File Utils

en 复制代码
File Utils

File Utils插件,可以方便快捷的来创建、复制、移动、重命名文件和目录。

16、HTML CSS Support

en 复制代码
HTML CSS Support

在编写样式表的时候,自动补全功能大大缩减了编写时间。这个插件还是建议安装,虽然vs code内部集成了类似功能,但是在某些场景下不如这个全面;

相关推荐
鸭鸭梨吖38 分钟前
产品经理笔记
笔记·产品经理
齐 飞1 小时前
MongoDB笔记01-概念与安装
前端·数据库·笔记·后端·mongodb
丫头,冲鸭!!!2 小时前
B树(B-Tree)和B+树(B+ Tree)
笔记·算法
听忆.2 小时前
手机屏幕上进行OCR识别方案
笔记
Selina K3 小时前
shell脚本知识点记录
笔记·shell
3 小时前
开源竞争-数据驱动成长-11/05-大专生的思考
人工智能·笔记·学习·算法·机器学习
霍格沃兹测试开发学社测试人社区4 小时前
软件测试学习笔记丨Flask操作数据库-数据库和表的管理
软件测试·笔记·测试开发·学习·flask
幸运超级加倍~4 小时前
软件设计师-上午题-16 算法(4-5分)
笔记·算法
王俊山IT4 小时前
C++学习笔记----10、模块、头文件及各种主题(一)---- 模块(5)
开发语言·c++·笔记·学习
Yawesh_best5 小时前
思源笔记轻松连接本地Ollama大语言模型,开启AI写作新体验!
笔记·语言模型·ai写作