# VS Code 配置与技巧

# 常用插件

  • Chinese (Simplified) Language Pack for Visual Studio Code
  • Code Runner
  • Live Server
  • Markdown All in One
  • Todo Tree
  • Git Graph
  • Git History
  • Chinese Lorem
  • Easy LESS
  • Easy SASS
  • Import Cost
  • i18n Ally
  • vscode-icons

# 基础配置

  1. 设置网络代理
  2. 设置分隔符,使中划线不作为分割符
  3. 设置默认终端为 Git Bash
  4. 设置图标主题 vscode-icons
  5. 设置颜色主题 Monokai
{
    "http.proxy": "http://127.0.0.1:10808",
    "git.autofetch": true,
    "editor.wordSeparators": "`~!@#$%^&*()=+[{]}\\|;:'\",.<>/?",
    "terminal.integrated.defaultProfile.windows": "Git Bash",
    "workbench.iconTheme": "vscode-icons",
    "workbench.colorTheme": "Monokai",
}

# 代码片段

文件 -> 首选项 -> 配置代码片段

{
    "Vue Setup Script": {
        "prefix": "vue-setup",
        "body": [
			"<template>",
            "\t",
            "</template>",
            "<script lang=\"ts\" setup>",
            "\t$1",
            "</script>",
			"<style lang=\"scss\" scoped>",
            "\t",
            "</style>"
        ],
        "description": "A Vue 3 script setup snippet"
    }
}

# 插件配置

# Todo Tree

"todo-tree.general.tags": [
    "TODO",
    "FIXME",
    "[ ]",
    "[x]"
],

# i18n Ally

{
  "i18n-ally.localesPaths": ["src/lang/messages"],
  "i18n-ally.keystyle": "nested",
  "i18n-ally.namespace": true,
  "i18n-ally.pathMatcher": "{locale}/*.json",
  "i18n-ally.enabledParsers": ["json", "js"],
  "i18n-ally.sortKeys": true,
  "i18n-ally.annotations": true,
  "i18n-ally.sourceLanguage": "zh",
  "i18n-ally.displayLanguage": "zh",
  "i18n-ally.translate.engines": ["google-cn", "google", "deepl"]
}