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 并回车,就能自动生成代码其他配置不一一举例,留给小伙伴自己去探索吧。
🤗 总结归纳
总结文章的内容