🗒️你可能不知道的VSCode
2023-8-24
| 2023-8-24
0  |  0 分钟
type
status
date
slug
summary
tags
category
icon
password
😀
古人云:“工欲善其事,必先利其器”,我们每天开发都离不开VSCode,更好的掌握VSCode,意味着更高的效率。
 

📝 10个你可能不知道的VSCode使用技巧

1.打开setting.json

这是最简单的,也是最重要的。
不知道小伙伴们是否也曾遇到像我一样的困惑,如何才能打开setting.json?听起来很可笑,但是不管我们是通过点击VSCodesetting,还是通过快捷键command+, 打开的都是设置面板,像这样
notion image
然而有时候我们希望打开的是setting.json ,这样可以更快捷的编辑多项配置(粘贴网上刚复制好的json),这时候我们就可以点击编辑器右上角的这个按钮进行打开
notion image
我们还可以通过快捷键command+p 呼出输入框,然后输入setting.json 进行打开
notion image

2.关键的.vscode

在项目中配置.vscode ,可以在保留团队各开发者的自定义配置时,又可以确保项目配置的大一统
不知道小伙伴们是否也遇到过像我一样的困惑,打开某个项目时,prettier格式化检验报错,提示当前项目使用的prettier配置是.prettierrc.js ,而我的VSCode Setting 设置的是.prettierrc ,于是我赶紧更新VSCode Setting 的相关配置项为.prettierrc.js ;打开另外一个项目时,prettier 又报错了,因为当前项目使用的prettier配置是.prettierrc ,而我在上一个项目中把VSCode Setting 的配置项设为.prettierrc.js 🙃️
 
这种情况下,.vscode 就变得非常重要了。VSCode 的配置分为两类,一是全局用户配置,二是当前工作区配置。VSCode 每打开一个项目,项目文件夹的根目录就是一个工作区。可以在项目根目录下创建.vscode 文件夹,从而设置该项目的工作区配置。
.vscode 可以接收4中配置文件和若干个代码片段:
  • extensions.json :当前项目使用的插件
  • settings.json :当前项目使用的VSCode 配置
  • launch.json :当前项目的调试配置文件
  • task.json :当前项目的任务配置
  • xxx.code-snippets :当前项目的共享代码片段
 
针对以上场景,如果当前项目使用的.prettierrc.js 配置,那么我们可以修改.vscode 中的settings.json
设置好后,不管开发者的VSCode Setting 是什么配置,永远都不会与本项目冲突,完美解决了个性与标准并存的问题。
 
除了settings.jsonxxx.code-snippets 也是非常值得推荐的配置,这可以配置当前项目比较高频的代码片段,比如
设置好后,我们只需在项目文件中输出init 并回车,就能自动生成代码
 
其他配置不一一举例,留给小伙伴自己去探索吧。

🤗 总结归纳

总结文章的内容
 
💡
分享
读书笔记之 WeakMap谈谈 API 加速
目录