来源: 做工程师不做码农
代码编辑器很多,有些是免费的,有些是付费的。其中最喜欢的代码编辑器是 Visual Studio Code。它是免费的,并具有强大的功能,我陆续抛弃了Atom、Sublime Text以及也很强大的WebStorm。
今天,我将分享我最喜欢的代码编辑器设置,用于我的 Web 开发。我将从代码编辑器的外观开始。毕竟外观颜值很重要。
:star: 我之前使用过的其他一些主题:
对我的代码编辑器来说,另一个重要的事情是,我用于代码编辑器的字体是 JetBrains Mono。这是带有连字支持的免费字体。
连字是一种新的字体格式,支持符号装饰,而不是 =
>
、 <
=
。
:star: 我以前使用过的其他一些字体:
文件图标增强了 VS Code 的外观,主要是它可以帮助我们通过给定的图标区分不同的文件和文件夹。对于我的 VS Code,我使用两个文件图标:
自动重命名配对的 HTML / XML 标签,也可以在 JSX 中使用。
此扩展名允许用颜色标识匹配的括号,用户可以定义要匹配的符号,以及要使用的颜色。
此扩展程序设置在文档中找到的 css / web 颜色的样式。
Go to:直接跳转到 CSS 文件或在新的编辑器(F12)中打开
在 .env
文件中高亮显示键值对。
突出显示匹配的开始或结束标签。
此扩展使文本前面的缩进着色,在每个步骤上交替使用四种不同的颜色。
使用 GitHub Gist 在多台机器上同步设置,代码片段,主题,文件图标,启动,键绑定,工作区和扩展。具体操作可以看我的这篇文章《小技巧|同步你的 VSCode 设置及扩展插件,换机不用愁!》
在代码中突出显示 TODO,FIXME 和其他注释。
显示 package.json 文件中每个软件包的最新版本。
我在日常生活中使用了一些重要的键盘快捷键,这些快捷方式使 Visual Studio Code 提高了我的工作效率。
Ctrl + D:将选定的字符移动到下一个匹配字符串上
点击“机器学习算法与Python实战”,“置顶”公众号
重磅干货,第一时间送达
来源: 做工程师不做码农
代码编辑器很多,有些是免费的,有些是付费的。其中最喜欢的代码编辑器是 Visual Studio Code。它是免费的,并具有强大的功能,我陆续抛弃了Atom、Sublime Text以及也很强大的WebStorm。
今天,我将分享我最喜欢的代码编辑器设置,用于我的 Web 开发。我将从代码编辑器的外观开始。毕竟外观颜值很重要。
我之前使用过的其他一些主题:
对我的代码编辑器来说,另一个重要的事情是,我用于代码编辑器的字体是 JetBrains Mono。这是带有连字支持的免费字体。
连字是一种新的字体格式,支持符号装饰,而不是=
>
、<
=
。
我以前使用过的其他一些字体:
您要使用我的设置,使用我的 VS Code 字体吗?在 VS Code 中,按Ctrl + P,输入settings.json并打开该文件。现在,用我的给定值替换下面的属性值。
文件图标增强了 VS Code 的外观,主要是它可以帮助我们通过给定的图标区分不同的文件和文件夹。对于我的 VS Code,我使用两个文件图标:
我使用的扩展 Auto
自动重命名配对的 HTML / XML 标签,也可以在 JSX 中使用。
此扩展名允许用颜色标识匹配的括号,用户可以定义要匹配的符号,以及要使用的颜色。
此扩展程序设置在文档中找到的 css / web 颜色的样式。
Go to:直接跳转到 CSS 文件或在新的编辑器(F12)中打开
在.env
文件中高亮显示键值对。
突出显示匹配的开始或结束标签。
此扩展使文本前面的缩进着色,在每个步骤上交替使用四种不同的颜色。
使用 GitHub Gist 在多台机器上同步设置,代码片段,主题,文件图标,启动,键绑定,工作区和扩展。具体操作可以看我的这篇文章《小技巧|同步你的 VSCode 设置及扩展插件,换机不用愁!》
在代码中突出显示 TODO,FIXME 和其他注释。
显示 package.json 文件中每个软件包的最新版本。
我在日常生活中使用了一些重要的键盘快捷键,这些快捷方式使 Visual Studio Code 提高了我的工作效率。
Ctrl + D:将选定的字符移动到下一个匹配字符串上
特别声明:以上内容(如有图片或视频亦包括在内)为自媒体平台“网易号”用户上传并发布,本平台仅提供信息存储服务。