前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >VS Code教程(基础操作)

VS Code教程(基础操作)

作者头像
云深无际
发布2021-04-14 11:23:42
2.1K0
发布2021-04-14 11:23:42
举报
文章被收录于专栏:云深之无迹云深之无迹

我该如何“干净”地卸载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键,就打开了

代码语言:javascript
复制
# 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元素的字体大小

代码语言:javascript
复制
// Main editor
"editor.fontSize": 18,
// Terminal panel
"terminal.integrated.fontSize": 14,
// Output panel
"[Log]": {
    "editor.fontSize": 15
}

更改缩放等级

代码语言:javascript
复制
"window.zoomLevel": 5

字体连字

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

代码语言:javascript
复制
"editor.fontFamily": "Fira Code",
"editor.fontLigatures": true

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

自动保存

代码语言:javascript
复制
"files.autoSave": "afterDelay"

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

保存时格式化

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

代码语言:javascript
复制
"editor.formatOnSave": true

粘贴格式

代码语言:javascript
复制
"editor.formatOnPaste": true

更改制表符的大小

一般是4个

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

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

代码语言:javascript
复制
"editor.tabSize": 4

空格或制表符

代码语言:javascript
复制
"editor.insertSpaces": true

渲染空白

代码语言:javascript
复制
"editor.renderWhitespace": "all"

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

忽略文件/文件夹

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

代码语言:javascript
复制
"files.exclude": {
    "somefolder/": true,
    "somefile": true
}

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

代码语言:javascript
复制
"search.exclude": {
    "someFolder/": true,
    "somefile": true
}

语言特定的设置

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

需要json配置

代码语言:javascript
复制
"[languageid]": {

}

添加JSON验证

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

记住这个路径

代码语言:javascript
复制
"json.schemas": [
    {
        "fileMatch": [
            "/bower.json"
        ],
        "url": "http://json.schemastore.org/bower"
    }
]

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

代码语言:javascript
复制
"json.schemas": [
    {
        "fileMatch": [
            "/foo.json"
        ],
        "url": "./myschema.json"
    }
]

或自定义架构

代码语言:javascript
复制
"json.schemas": [
    {
        "fileMatch": [
            "/.myconfig"
        ],
        "schema": {
            "type": "object",
            "properties": {
                "name" : {
                    "type": "string",
                    "description": "The name of the entry"
                }
            }
        }
    }
本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2020-07-05,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 云深之无迹 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 我该如何“干净”地卸载VS Code?
  • 更改语言模式
  • 自定义键盘快捷键
  • 调整设置
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档