vscode字体_VS Code教程(基础操作)

2e6e5093ed1b68a278e286dd45f3a955.png

我该如何“干净”地卸载VS Code?

如果要在卸载VS Code后删除所有用户数据,则可以删除用户数据文件夹Code.vscode。这将使您返回到安装VS Code之前的状态。如果您不想卸载VS Code,也可以使用它来重置所有设置。

文件夹位置将根据您的平台而有所不同:

  • Windows-删除%APPDATA%\Code%USERPROFILE%\.vscode

  • macOS-删除$HOME/Library/Application Support/Code~/.vscode

  • Linux-删除$HOME/.config/Code~/.vscode

注意: VS Code需要.NET Framework 4.5.2或更高版本。如果使用Windows 7,请确保至少已安装.NET Framework 4.5.2。您可以reg query "HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\NET Framework Setup\NDP\v4\full" /v version从命令提示符下使用此命令检查.NET Framework的版本。

eae06882debda6bdda2bad63f34d5918.png

提示:安装程序会将Visual Studio Code添加到您的%PATH%,因此您可以在控制台中输入“ code”。打开该文件夹上的VS Code。安装后,您将需要重新启动控制台,以使对%PATH%环境变量的更改生效。

10514c4dde96b2b86c6a01c71e1f9f82.png

命令行,code打开软件

如果VS Code的图标丢失

    在Windows 7或8计算机上安装了Visual Studio Code。为什么某些图标没有出现在工作台和编辑器中?

    VS Code使用SVG图标,我们发现了.SVG文件扩展名与以外的其他内容相关联的实例image/svg+xml。我们正在考虑解决问题的方法,但现在有一种解决方法:

使用命令提示符:

  1. 打开管理员命令提示符。

  2. 输入REG ADD HKCR\.svg /f /v "Content Type" /t REG_SZ /d image/svg+xml

使用注册表编辑器(regedit):

  1. 开始regedit

  2. 打开HKEY_CLASSES_ROOT钥匙。

  3. 找到.svg钥匙。

  4. 将其Content Type数据值设置为image/svg+xml

  5. 退出regedit

d00121baea30c0f539a304753f81eccd.png

win+R打开输入,回车

b7dd2984f52dfa374eae89fb155cdef6.png

Ctrl+F,搜素./svg

5a50ec406f1908b4bd72fa5188d5b3f8.png

ctrl+shift+p

94656cfb1f589b70cb9c2390b88094fb.png

删除一个>,会出现命令面板

ac363a11ca527d58cff3931e54c12210.png

这个表有pdf版的,建议打印一份

a658c4eff70c9e40fb61d1047d1f86cc.png

ctrl+p打开最近的文件,就是你当前在编辑页面打开的文件

4d52a47870d1b0fd0bac290e90fe6868.png

输入一个@,出现当前文件的符号树

d066e0c05f025c4a1bb6643b1f63ad6a.png

ctrl+R在最近文件中打开,就是你用vscode打开过的文件.

摁住CTRL不动,摁R换.到目标的文件,放开R键,就打开了

# open code with current directory用当前目录打开代码
code .

# open the current directory in the most recently used code window在最近使用的代码窗口中打开当前目录
code -r .

# create a new window创建一个新窗口
code -n

# change the language更改语言
code --locale=es

# open diff editor打开差异编辑器
code --diff

# open file at specific line and column 在特定行和列line [:character]>code --goto package.json:10:5# see help options查看帮助选项code --help# disable all extensions禁用所有扩展code --disable-extensions

b262721b66955294d590d16e1bf7bb9f.png

ctrl+shift+M快速跳转到项目中的错误和警告。

只是跳转到而已,还不能遍历错误.

f9e4c4d57ce9dbd3a3ad94f40135ab99.png

F8跳转到文件中的错误

更改语言模式

键盘快捷键:Ctrl + KM:先摁Ctrl+K然后放开这两个键,摁一下M

5c639430606fd7356a2c04657b16b8ad.png

选择语言

键盘快捷键:Ctrl + K Ctrl + T

4e85d3a6ef6b473eddcc74536cae94aa.png

更换编辑器的整体风格

自定义键盘快捷键

键盘快捷键:Ctrl + K Ctrl + S

6e918012470a6f568d8853bddac35ca9.png

记住这个地方,我觉得你应该把这个地方的东西实践一遍

调整设置

默认情况下,VS Code显示“设置”编辑器,您可以在搜索栏中找到下面列出的设置,但仍可以settings.json使用“ 打开设置”(JSON)命令或通过使用该设置更改默认设置编辑器来编辑基础文件workbench.settings.editor

打开用户设置 settings.json

键盘快捷键:Ctrl +,

ad1430b1e1b4dd4c5ac08bd895e7fed7.png

更改各种UI元素的字体大小

e6c27f352d7d05ba9f7334c8765dd4d5.png

bddf894e95fff464f751044b8b1a7ab9.png

// Main editor
"editor.fontSize": 18,
// Terminal panel
"terminal.integrated.fontSize": 14,
// Output panel
"[Log]": {
"editor.fontSize": 15
}

更改缩放等级

ea4569746c5bc011767e079da3359a2c.png

"window.zoomLevel": 5

字体连字

c255473671845b87ebb04ff688357dc4.png

838c851147e971af727b840ef61a5274.png

只能在json里面配置。而且得你的字体有这个功能才可以

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

提示:您将需要安装支持字体连字的字体。FiraCode是VS Code团队中流行的字体。

自动保存

"files.autoSave": "afterDelay"

您也可以使用文件 > 自动保存从顶级菜单切换自动保存。

保存时格式化

879b715f5b2d66a90cc74b0c2b89501a.png

我打死不建议你开这个功能,因为你没有那么多格式化相应文件得插件,所以一个后果就是。你经常关不了编辑器

"editor.formatOnSave": true

粘贴格式

4d9a60ae964780f7e22b7677613b438f.png

"editor.formatOnPaste": true

更改制表符的大小

f970f0ffc0d1b1f099569d6b974f5aed.png

一般是4个

50115d4b7f44cade8c6ec0feefa1432c.png

上面得设置可以被这个设置所覆盖,注意!

9cd5d84eba8b90c94cd5e1c0a6a7c2d1.png

在文件得页面,这里也可以设置

"editor.tabSize": 4

空格或制表符

"editor.insertSpaces": true

渲染空白

d88faadd9a6af88651d1ef54706ac6af.png

"editor.renderWhitespace": "all"

默认情况下,在文本选择中呈现空白字符。

忽略文件/文件夹

从编辑器窗口中删除这些文件/文件夹。

fce7c4193f6777796b427c65110324b6.png

"files.exclude": {
"somefolder/": true,
"somefile": true
}

从搜索结果中删除这些文件/文件夹。

b5885994703c24b0ca4edbfb05db59a4.png

"search.exclude": {
"someFolder/": true,
"somefile": true
}

语言特定的设置

对于只需要特定语言的设置,可以通过语言标识符来确定设置的范围。您可以在“ 语言标识符”参考中找到常用语言ID的列表。

5945db53749e04751c64e03580391b90.png

需要json配置

"[languageid]": {

}

添加JSON验证

默认情况下对许多文件类型启用。在中创建自己的架构和验证settings.json

365f20daa9f54d56f7f1518484784aff.png

49bcb5dd0e1a1bd451932e5214c99448.png

记住这个路径

"json.schemas": [
{
"fileMatch": [
"/bower.json"
],
"url": "http://json.schemastore.org/bower"
}
]

或用于工作空间中定义的架构

"json.schemas": [
{
"fileMatch": [
"/foo.json"
],
"url": "./myschema.json"
}
]

或自定义架构

"json.schemas": [
{
"fileMatch": [
"/.myconfig"
],
"schema": {
"type": "object",
"properties": {
"name" : {
"type": "string",
"description": "The name of the entry"
}
}
}
}

7e6ae75f8fa3de8e9be0a35b0f4bc188.png

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值