WWW.lllT.neT怎样打造出一个震撼的vscode?这篇文章内容给各位详细介绍五种自定 vscode 的方式,你打造出一个令自身震撼的vscode!

怎样打造出一个震撼的vscode,可以从这5个层面下手!

磨刀不误砍柴工工欲善其事,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",
}

配备完我的编辑软件是如此的:

怎样打造出一个震撼的vscode,可以从这5个层面下手!

字体样式

建议应用 Fira Code,它是等宽字体,被称作最合适程序猿用的字体样式,谁用谁知道。

点一下上边连接,寻找图内按键在线下载 Fira Code 字体包:

怎样打造出一个震撼的vscode,可以从这5个层面下手!

充压后,进到 TTF 文件夹名称,选定全部文档,随后鼠标右键开启,挑选安装字体。

随后开启 setting.json,添加如下所示配备:

{
     "editor.fontFamily": "Fira Code",
     "editor.fontLigatures": true
}

配备取得成功后能够看见如下所示实际效果:

怎样打造出一个震撼的vscode,可以从这5个层面下手!

软件

下列列举了我常见的 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,可以从这5个层面下手!

自定键盘快捷键

VSCode Advanced New File 软件用以迅速地创立一个新文档,无须应用鼠标单击在哪个文件夹名称下建立,vscode 建立新文档默认设置的键盘快捷键是 cmd N,而该软件的键盘快捷键是 cmd ctrl N,我觉得将2个键盘快捷键相反,下面详细介绍怎样自定键盘快捷键。

输入 cmd K S 进到键盘快捷键配备页面,检索 new file,点一下某一项的编缉按键就可以编缉,下列是自定后的键盘快捷键:

怎样打造出一个震撼的vscode,可以从这5个层面下手!

最终

当完成了这种配备后,在我们换一台电脑上时,不容易还得重新部署吧?安心,Settings Sync 软件可以协助大家同歩目前的 vscode 配备。

最先保证你早已安装使用了它,输入 cmd shift P开启操作面板,寻找 Sync: Update/Upload Settings,回车键后就将人们的配备提交了(自然你需要先开展配备,这儿也就不演试了)。

怎样打造出一个震撼的vscode,可以从这5个层面下手!

在新的电脑上想同歩该配备,一样组装该软件,随后挑选 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