VSCode

常用快捷键

command shift P 显示命令面板
command shift E 显示资源管理器面板 (需要关掉输入法中的同名快捷键)
command shift X 显示扩展面板
command shift F 显示搜索面板
command , 显示配置选项面板
command B 显示/隐藏侧边栏

command shift P 搜索 shell 点击 Install code command in PATH，将 code 命令添加到环境变量

常用插件

command shift X 显示扩展面板，在里面输入插件名称查找并安装插件

Chinese 中文包
ESLint
Prettier
Vim 可以使用 vim 的命令来操作文件

配置文件

有三个配置文件：

• 默认配置文件：不要修改这个文件，它提供了所有配置项的默认值
• 用户配置文件：~/Library/Application Support/Code/User/settings.json，全局生效
• 工作区配置文件：在项目根目录下 .vscode/settings.json，只在当前项目目录生效

两种配置方式：

• 修改配置文件：在命令面板输入 Open Settings，可以选择打开用户或工作区配置文件，在里面写入配置项。
• 修改配置面板：command , 显示配置面板，在 UI 中配置，会自动在用户或工作区配置文件写入配置项。

常用配置

• 优先使用 Prettier 而不是 VSCode 自带的 format
• 保存文件的时候自动 format
• 保存文件的时候自动 eslint 修复

修改用户/工作区配置文件：

{
    "[javascript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[typescript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "editor.formatOnSave": true,
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
    }
}

修改配置面板：

command shift P 显示命令面板：搜索 Format Document，修改 format 的优先级
command , 显示配置选项面板：搜索 auto fix on save 配置项，打钩
command , 显示配置选项面板：搜索 format on save 配置项，打钩

宁皓网的 VSCode 配置文件