# vscode-setting

**Repository Path**: yjinit/vscode-setting

## Basic Information

- **Project Name**: vscode-setting
- **Description**: VsCode设置|配置Vim为主
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2025-01-15
- **Last Updated**: 2025-01-15

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 配置 VsCode 的设置

> 方便 `vscode` 有时无法采用 github 登录同步

## 配置的插件主要有

- Dracula Official (theme)
- Penumbra (theme)
- vim

- auto close Tag
- TODO Highlight
- Bookmarks
- Git File History

- ESLint
- TSLint Vue
- Prettier - Code formatter
- Pylance
- Python
- Vue Language Features (Volar)
- WXML - Language Service
- Easy LESS
- TypeScript Vue Plugin (Volar)
- Emmet tailwind
- Codeium / copilot
- GitLens
- ...

- ~~code ace jump.~~

* Extension Test Runner

---

- Wait Plugin
- IME and Cursor 支持 vim 中英文切换

### Tips

> vscode command `>vim: toggle vim mode` switch vim and common

### Quick Tips

- use command `> force/hide activityBar`

- `Ctrl+shift+o` 快速搜索当前页面的函数列表
  - 通过> ViewQuickOpenView 启动文件栏列表展示大纲
- `F12` 跳转到定义
  - `alt + F12` 预览方式展示定义 （当前文件引用）
  - `shift + F12` 查看光标所在函数或变脸的引用
    - 此处可以跳入 definition 内部 通过命令 `togglePeekWidgetFocus` 进入 默认快捷键 `ctrl+k f2`
  - `alt + left/right` 前进或者后退到光标所在源码的上一个位置
  - `` <++>
- `ctrl+shift+\` 跳转到闭合标签
- `gd` 跳转定义 `ctrl+o, ctrl+i` 跳转来回

### Shortcut key binding display

- [ ] todo keybinding show

### extensions install

copy `extensions.json` file move to `$HOME/.vscode/extensions/`

Reload vscode to install No plug-in installed.

#### reference

- [掘金](https://juejin.cn/post/7091285766759940104) vscode 代码块
- [掘金](https://juejin.cn/post/7134701599833882655#heading-52) vscode-vim quick keyword
- [vscode + vim 全键盘操作高效搭配方案](https://www.cnblogs.com/YunyaSir/p/15522565.html#_caption0)

> Use `code` command use `Extensions Management` about install and list. use language => `python`.

- [ ] todo python. manage extension.

[https://vscode.github.net.cn/docs/editor/extension-marketplace#_command-line-extension-management](vscode extensions management)

```shell
# vscode command change.

Visual Studio Code 1.86.0

Usage: code [options][paths...]

To read from stdin, append '-' (e.g. 'ps aux | grep code | code -')


Extensions Management
  --extensions-dir <dir>              Set the root path for extensions.
  --list-extensions                   List the installed extensions.
  --show-versions                     Show versions of installed extensions,
                                      when using --list-extensions.
  --category <category>               Filters installed extensions by provided
                                      category, when using --list-extensions.
  --install-extension <ext-id | path> Installs or updates an extension. The
                                      argument is either an extension id or a
                                      path to a VSIX. The identifier of an
                                      extension is '${publisher}.${name}'. Use
                                      '--force' argument to update to latest
                                      version. To install a specific version
                                      provide '@${version}'. For example:
                                      'vscode.csharp@1.2.3'.
  --pre-release                       Installs the pre-release version of the
                                      extension, when using
                                      --install-extension
  --uninstall-extension <ext-id>      Uninstalls an extension.
  --update-extensions                 Update the installed extensions.
  --enable-proposed-api <ext-id>      Enables proposed API features for
                                      extensions. Can receive one or more
                                      extension IDs to enable individually.

"""
code --list-extensions --show-versions

# Add extension
code --install-extension <extension_name>
$ code --install-extension vue.volar@2.1.6
"""
```

### VSCode - Command line extension management

[references](https://code.visualstudio.com/docs/editor/extension-marketplace#_command-line-extension-management) vscode command line.

```shell
code --extensions-dir <dir>
    Set the root path for extensions.
code --list-extensions
    List the installed extensions.
code --show-versions
    Show versions of installed extensions, when using --list-extension.
code --install-extension (<extension-id> | <extension-vsix-path>)
    Installs an extension.
code --uninstall-extension (<extension-id> | <extension-vsix-path>)
    Uninstalls an extension.
code --enable-proposed-api (<extension-id>)
    Enables proposed API features for extensions. Can receive one or more extension IDs to enable individually.

# You can see the extension ID on the extension details page under the Marketplace Info.
```