VS Code教程(基础操作)
我该如何“干净”地卸载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
。我们正在考虑解决问题的方法,但现在有一种解决方法:
使用命令提示符:
打开管理员命令提示符。
输入
REG ADD HKCR\.svg /f /v "Content Type" /t REG_SZ /d image/svg+xml
。
使用注册表编辑器(regedit):
开始
regedit
。打开
HKEY_CLASSES_ROOT
钥匙。找到
.svg
钥匙。将其
Content Type
数据值设置为image/svg+xml
。退出
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.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"
}
}
}
}