在我们创建项目的时候，可能需要其他人协同编程，这时可能每个人的VSCode安装的扩展不一致，导致工作效率慢。

    为此，我们可以创建工作区配置文件，将必要的扩展推荐放进去。
    Pasted image 20220623140056.png

    这时项目级的配置，不要将.vscode目录添加到.gitignore中，以确保配置文件能够正常提交。

    其中extension.json就是我们配置推荐扩展的地方。
    示例：

    1. {
    2.   "recommendations": [
    3.     "antfu.iconify",
    4.     "antfu.unocss",
    5.     "antfu.vite",
    6.     "antfu.goto-alias",
    7.     "csstools.postcss",
    8.     "dbaeumer.vscode-eslint",
    9.     "vue.volar",
    10.     "lokalise.i18n-ally",
    11.     "streetsidesoftware.code-spell-checker"
    12.   ]
    13. }

    recommendations中配置的是扩展的ID。如果不知道扩展的ID，可以在扩展详情中复制扩展ID获取。
    Pasted image 20220623143207.png

    这样，在项目中的扩展搜索框中输入@recommended 就可以看到配置的扩展推荐列表。
    Pasted image 20220623140620.png

    光安装好扩展不够，如果每个开发者对扩展的配置不一致，也可能导致扩展行为不一致或者出问题。

    因此，还需要添加settings.json文件：

    1. {
    2.   "cSpell.words": ["Vitesse", "Vite", "unocss", "vitest", "vueuse", "pinia", "demi", "antfu", "iconify", "intlify", "vitejs", "unplugin", "pnpm"],
    3.   "i18n-ally.sourceLanguage": "en",
    4.   "i18n-ally.keystyle": "nested",
    5.   "i18n-ally.localesPaths": "locales",
    6.   "i18n-ally.sortKeys": true,
    7.   "prettier.enable": false,
    8.   "editor.codeActionsOnSave": {
    9.     "source.fixAll.eslint": true
    10.   },
    11.   "files.associations": {
    12.     "*.css": "postcss"
    13.   },
    14.   "editor.formatOnSave": false
    15. }

    这样，协作开发者在下载好项目，安装依赖，安装推荐的扩展之后，VSCode可以达到一致的编辑体验。