VScode配置

Posted ourweiguan

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了VScode配置相关的知识,希望对你有一定的参考价值。

配置文件

用户设置文件

用户设置文件保存在如下目录:

  • Window %APPDATA%\Code\User\settings.json
  • Mac $HOME/Library/Application Support/Code/User/settings.json
  • Linux $HOME/.config/Code/User/settings.json

三种方式更改默认设置:

  • 使用编辑器直接打开setting.json文件;
  • 点击 VS Code 的 文件 > 首选项 > 设置 (快捷键ctrl+,),可以打开设置面板;
  • 在 VS Code 中使用 Ctrl+Shift+P打开命令面板,输入Preferences: Open User SettingsPreferences: Open Workspace Settings

修改的配置setting.json


    "window.zoomLevel": 0,
    "editor.renderControlCharacters": true,  //显示tab、空格
    "editor.renderWhitespace": "all",
    "editor.minimap.enabled": false,        //关闭右侧mini图
    "window.menuBarVisibility": "toggle",   //alt显示菜单
    "workbench.activityBar.visible": false  //关闭左侧设置栏

快捷键:%APPDATA%\Code\User\keybindings.json

// 将键绑定放在此文件中以覆盖默认值auto[]
[
    
        "key": "ctrl+oem_plus",
        "command": "-workbench.action.zoomIn"
    ,
    
        "key": "ctrl+oem_plus",
        "command": "editor.action.fontZoomIn"
    ,
    
        "key": "ctrl+oem_minus",
        "command": "-workbench.action.zoomOut"
    ,
    
        "key": "ctrl+oem_minus",
        "command": "editor.action.fontZoomOut"
    ,
    
        "key": "ctrl+k ctrl+a",             //左侧设置栏
        "command": "workbench.action.toggleActivityBarVisibility"
    ,
    
        "key": "ctrl+b",                   //屏蔽快捷键-切换侧边栏可见性
        "command": "-workbench.action.toggleSidebarVisibility"
    ,
    
        "key": "ctrl+k ctrl+b",            //切换侧边栏可见性
        "command": "workbench.action.toggleSidebarVisibility"
    
]

工作空间设置

文件保存在当前目录的.vscode文件夹下。

插件

vscode插件默认的安装位置:%USERPROFILE%\.vscode\extensions

可使用下面两种方法,将插件保存在Code.exe所在的位置。

  1. 在原本的目标后加入--extensions-dir "新的插件存储位置",例如
    "Code.exe" --extensions-dir "C:\Program Files\extensions"

    @echo off
    :: 当前文件所在的完整路径
    set HOME=%~dp0
    :: 执行命令,但不显示CMD命令提示符窗口
    if "%1" == "h" goto begin
    start mshta vbscript:createobject("wscript.shell").run("""%~nx0"" h",0)   (window.close)&&exit
    
    :begin
    code --extensions-dir %HOME%\extensions
  2. 建立联接(推荐这种方式)

    rmdir "%USERPROFILE%\.vscode"
    ::md %USERPROFILE%\.vscode
    mklink /J "%USERPROFILE%\.vscode" ".vscode" 

以上是关于VScode配置的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段11——vue路由的配置

#VSCode保存插件配置并使用 gist 管理代码片段

VSCode 配置 用户自定义代码片段 自定义自动代码补充

配置 VScode 编辑器 (前端篇)

[vscode]--HTML代码片段(基础版,reactvuejquery)

VS Code配置markdown代码片段