磨刀不误砍柴工工欲善其事,vscode做为大家经常使用的编辑软件,仅有将其整漂亮了,工作中才可以安心,高效率才可以增长。下面我将从5个层面下手,介绍一下自定vscode的方式,让它看上去和你的极品女神一样让人心旷神怡。
【建议学习培训:《vscode教程》】
主题风格
极力推荐 cobalt2 主题风格,作者是声名鹊起的 Wes Bos,该题材的主色是蓝色和黄色,快试着吧。
下列是该主题风格建议的编辑软件配备:
// setting.json { "workbench.colorTheme": "Cobalt2", // The Cursive font is operator Mono, it's $200 and you need to buy it to get the cursive "editor.fontFamily": "Operator Mono, Menlo, Monaco, 'Courier New', monospace", "editor.fontSize": 17, "editor.lineHeight": 25, "editor.letterSpacing": 0.5, "files.trimTrailingWhitespace": true, "editor.fontWeight": "400", "prettier.eslintIntegration": true, "editor.cursorStyle": "line", "editor.cursorWidth": 5, "editor.cursorBlinking": "solid", "editor.renderWhitespace": "all", }
配备完我的编辑软件是如此的:
字体样式
建议应用 Fira Code,它是等宽字体,被称作最合适程序猿用的字体样式,谁用谁知道。
点一下上边连接,寻找图内按键在线下载 Fira Code 字体包:
充压后,进到 TTF 文件夹名称,选定全部文档,随后鼠标右键开启,挑选安装字体。
随后开启 setting.json
,添加如下所示配备:
{ "editor.fontFamily": "Fira Code", "editor.fontLigatures": true }
配备取得成功后能够看见如下所示实际效果:
软件
下列列举了我常见的 vscode 软件,大伙儿可以按需组装。
- Auto Close Tag
- Auto Import
- Auto Rename Tag
- Bookmarks
- Color Picker
- CSS Peek
- Debug Visualizer
- Docker
- Document This
- Git Blame
- Git History
- Git Project Manager
- GitLens
- LeetCode
- Markdown Preview Enhanced
- MDX
- Node.js Modules Intellisense
- npm
- npm Intellisense
- Path Intellinsense
- Prettier
- Project Manager
- Settings Sync
- TODO Highlight
- Typescript Hero
- VSCode Advanced New File
vscode 基本上配备
点一下左下方的传动齿轮,或是键盘快捷键 cmd ,
,可以开启 vscode 的配备页面。
vscode 是应用 electron 开展搭建的,因此对它的配备改动都能够即时地见到实际效果,我非常喜欢。
除掉忽视文档
vscode 默认设置会掩藏 .git
文档,我觉得详细地见到当今新项目的全部文档,因此我将 exclude
配备项都清除了。
自定title
检索 title
,将配备项改为 ${dirty} ${activeEditorMedium}${separator}${rootName}
,可以检查当今打开文件的新项目及文件目录信息内容,及其文档储存情况。
自定键盘快捷键
VSCode Advanced New File
软件用以迅速地创立一个新文档,无须应用鼠标单击在哪个文件夹名称下建立,vscode 建立新文档默认设置的键盘快捷键是 cmd N
,而该软件的键盘快捷键是 cmd ctrl N
,我觉得将2个键盘快捷键相反,下面详细介绍怎样自定键盘快捷键。
输入 cmd K S
进到键盘快捷键配备页面,检索 new file
,点一下某一项的编缉按键就可以编缉,下列是自定后的键盘快捷键:
最终
当完成了这种配备后,在我们换一台电脑上时,不容易还得重新部署吧?安心,Settings Sync
软件可以协助大家同歩目前的 vscode 配备。
最先保证你早已安装使用了它,输入 cmd shift P
开启操作面板,寻找 Sync: Update/Upload Settings
,回车键后就将人们的配备提交了(自然你需要先开展配备,这儿也就不演试了)。
在新的电脑上想同歩该配备,一样组装该软件,随后挑选 Sync: Download Settings
,等候同歩进行就可以啦。
全文详细地址:https://juejin.cn/post/6928351298181922829
创作者:Ywhoo
大量程序编写有关专业知识,请浏览:编程学习!!
以上便是怎样打造出一个震撼的vscode,可以从这5个层面下手!的详尽具体内容,大量请关心自学java网其他相关文章!
WWW.lllT.neT声明:有的资源来自网络转载,版权归原作者所有,如有侵犯到您的权益请联系邮箱:our333@126.com我们将配合处理!
原文地址:怎样打造出一个震撼的vscode,可以从这5个层面下手!发布于2021-12-08 16:54:01