1、GitLens
我强烈建议你安装插件
GitLens
, 它是 VS Code 中我最推荐的一个插件, 简直是 Git 神器, 码农必备。GitLens 在 Git 管理上有很多强大的功能, 比如:
将光标放置在代码的当前行,
可以看到这行代码的提交者是谁
, 以及提交时间。这一点, 是 GitLens 最便捷的功能。查看某个 commit 的代码改动记录
查看不同的分支
可以将两个 commit 进行代码对比
甚至可以将两个 branch 分支进行整体的代码对比。这一点, 简直是 GitLens 最强大的功能。当我们在不同分支 review 代码的时候, 就可以用到这一招。
2、Chinese (Simplified) Language Pack for Visual Studio Code
中文包, 让软件显示为简体中文语言, 没啥好说的吧
当初在学校时傻傻的觉得直接用英文用习惯了就行了,不然以后工作了别人没用中文包怎么给人调试?事实证明,出来都用的中文包,你的英文编辑器别人给你调试时反而不习惯🐶
3、Live Server
在本地启动一个服务器, 代码写完后可以实现「热更新」, 实时地在网页中看到运行效果。就不需要每次都得手动刷新页面了。
特别是写demo的时候很好用
使用方式:安装插件后, 开始写代码;代码写完后, 右键选择「Open with Live Server」
4、open in browser
安装
open in browser
插件后, 在 HTML 文件中「右键选择 --> Open in Default Browser」, 即可在浏览器中预览网页。也是初学前端更容易用到的插件
5、Settings Sync
惊喜和意外永远不知道哪个先来, 可能突然之间你的电脑就不行了, 那么的VSCode如果进行了大量个性化配置, 那就简直是灾难了
我们可以将配置云同步, 这样的话, 当我们换个电脑时, 即可将配置一键同步到本地, 就不需要重新安装插件了, 也不需要重新配置软件。
我们还可以把配置分享其他用户, 也可以把其他用户的配置给自己用
详细步骤详见上方 :[Ⅳ - VS Code 配置云同步](#Ⅳ - VS Code 配置云同步)
6、javascript console utils:快速打印 log 日志
安装这个插件后, 当我们按住快捷键「Cmd + Shift + L」后, 即可自动出现日志
console.log()
。简直是日志党福音。当我们选中某个变量
name
, 然后按住快捷键「Cmd + Shift + L」, 即可自动出现这个变量的日志console.log(name)
。其他的同类插件还有:Turbo Console Log。
不过, 生产环境的代码, 还是尽量少打日志比较好, 避免出现一些异常。
编程有三等境界:
- 第三等境界是打日志, 这是最简单、便捷的方式, 略显低级, 一般新手或资深程序员偷懒时会用。
- 第二等境界是断点调试, 在前端、Java、PHP、iOS 开发时非常常用, 通过断点调试可以很直观地跟踪代码执行逻辑、调用栈、变量等, 是非常实用的技巧。
- 第一等境界是测试驱动开发, 在写代码之前先写测试。与第二等的断点调试刚好相反, 大部分人不是很习惯这种方式, 但在国外开发者或者敏捷爱好者看来, 这是最高效的开发方式, 在保证代码质量、重构等方面非常有帮助, 是现代编程开发必不可少的一部分。
7、Git History
有些同学习惯使用编辑器中的 Git 管理工具, 而不太喜欢要打开另外一个 Git UI 工具的同学, 这一款插件满足你查询所有 Git 记录的需求。
8、Git Graph
同上 是另一款GUI插件