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