VSCode中一些常用插件和快捷键,助你提高开发效率!!

1. 插件介绍

1.1 Live Server

Live Server是一个开发神器,它可以让你在保存文件之后自动刷新你的浏览器。它可以为你省去频繁地手动刷新浏览器页面的烦恼,极大地提高了开发效率。

安装方法:

在VSCode扩展商店中搜索“Live Server”,安装即可。

1.2 Bracket Pair Colorizer

Bracket Pair Colorizer是一个可以帮助你更好地理解代码结构的插件,它会对代码中的括号进行颜色标记,使得嵌套的代码块更易于分辨。

安装方法:

在VSCode扩展商店中搜索“Bracket Pair Colorizer”,安装即可。

1.3 GitLens

GitLens可以为你展示Git代码库的作者、上次修改时间、分支等信息。它可以帮助你更好地了解代码的历史,方便代码管理。

安装方法:

在VSCode扩展商店中搜索“GitLens”,安装即可。

1.4 Path Intellisense

Path Intellisense可以为你的代码提示路径,包括引入其他文件、图片等。这样可以极大提高你的开发效率,减少路径错误导致的问题。

安装方法:

在VSCode扩展商店中搜索“Path Intellisense”,安装即可。

1.5 Prettier

Prettier可以帮助你格式化代码,使得你的代码规范易读。它支持多种语言,并且可以根据你自己的设置进行代码格式化。

安装方法:

在VSCode扩展商店中搜索“Prettier”,安装即可。

2. 快捷键介绍

2.1 基础快捷键

Ctrl + S:保存文件。

Ctrl + Shift + N:打开新窗口。

Ctrl + N:打开新文件。

2.2 编辑快捷键

Ctrl + D:选中光标所在的位置或者选中了一个单词后反复按下这个快捷键,可以选中下一个与其相同的单词。

Ctrl + Shift + L:选中与当前选中单词相同的所有单词。

Alt + Up / Down:上下移动选中的行。

2.3 其他快捷键

Ctrl + `:打开终端。

Ctrl + Shift + V:打开Markdown预览。

Ctrl + Shift + E:打开资源管理器。

3. 总结

以上是VSCode中一些常用插件和快捷键的介绍,涵盖了开发中常用的功能,如果你是初学者或者是有开发经验的开发者,这些插件和快捷键都可以帮助你更好地进行代码开发,提高开发效率。