分享

VS Code教程(基础操作)

 云深无际 2021-11-03

我该如何“干净”地卸载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的版本

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

命令行,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

win+R打开输入,回车

Ctrl+F,搜素./svg

ctrl+shift+p

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

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

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

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

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 <file1> <file2>

# open file at specific line and column <file:line[:character]>在特定行和列<file:line [:character]>
code --goto package.json:10:5

# see help options查看帮助选项
code --help

# disable all extensions禁用所有扩展
code --disable-extensions

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

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

F8跳转到文件中的错误

更改语言模式

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

选择语言

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

更换编辑器的整体风格

自定义键盘快捷键

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

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

调整设置

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

打开用户设置 settings.json

键盘快捷键:Ctrl +,

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

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

更改缩放等级

"window.zoomLevel": 5

字体连字

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

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

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

自动保存

"files.autoSave": "afterDelay"

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

保存时格式化

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

"editor.formatOnSave": true

粘贴格式

"editor.formatOnPaste": true

更改制表符的大小

一般是4个

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

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

"editor.tabSize": 4

空格或制表符

"editor.insertSpaces": true

渲染空白

"editor.renderWhitespace": "all"

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

忽略文件/文件夹

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

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

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

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

语言特定的

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

需要json配置

"[languageid]": {

}

添加JSON验证

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

记住这个路径

"json.schemas": [
{
"fileMatch": [
"/bower.json"
],
"url": "http://json./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"
}
}
}
}

    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多