type
status
date
slug
summary
tags
category
icon
password
古人云:“工欲善其事,必先利其器”,我们每天开发都离不开VSCode,更好的掌握VSCode,意味着更高的效率。
📝 10个你可能不知道的VSCode使用技巧
1.打开setting.json
这是最简单的,也是最重要的。
不知道小伙伴们是否也曾遇到像我一样的困惑,如何才能打开
setting.json
?听起来很可笑,但是不管我们是通过点击VSCode
的setting
,还是通过快捷键command+,
打开的都是设置面板,像这样然而有时候我们希望打开的是
setting.json
,这样可以更快捷的编辑多项配置(粘贴网上刚复制好的json
),这时候我们就可以点击编辑器右上角的这个按钮进行打开我们还可以通过快捷键
command+p
呼出输入框,然后输入setting.json
进行打开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.json
,xxx.code-snippets
也是非常值得推荐的配置,这可以配置当前项目比较高频的代码片段,比如设置好后,我们只需在项目文件中输出
init
并回车,就能自动生成代码其他配置不一一举例,留给小伙伴自己去探索吧。
🤗 总结归纳
总结文章的内容