vue2、vue3同时要开发，vscode插件/node版本不同时的处理

防止node版本不一致导致安装报错

1. 添加nvmrc文件.nvmrc

   1. 使用nvm use、nvm install 会用.nvmrc里面指定版本 //windows除外，它识别不了
   2. .nvmrc文件里的内容形如

   v22.12.0
   

   注：vscode里可以安装 vsc-nvm 插件，当打开项目时检测到项目里有nvmrc文件时会自动执行nvm use

2. package.json里添加

"engines": {
    "node": "^18.18.0 || ^20.9.0 || >=22.0.0",
    "pnpm": ">=9"
  },

vscode激活插件差异化处理

大部分插件都是vue2、vue3都要用的，差异化主要是vue2用vetur、vue3用vue-office

配置推荐扩展列表

• Vue2项目：在项目根目录的 .vscode/extensions.json 中添加：

      {"recommendations": ["octref.vetur"]}

• Vue3项目：在 .vscode/extensions.json 中添加：

    { "recommendations": ["vue.volar"]}

• 当打开项目时，VSCode会提示安装推荐扩展。

方案1：简单的处理方案

手动调整工作区扩展状态

• 在Vue2项目中，右键禁用 Volar，选择  “禁用 (工作区)” 。
• 在Vue3项目中，同理禁用 Vetur。
• 这些设置会保存在工作区配置中（但不会同步到项目文件，仅本地生效）。

方案2：配置文件

• 这种方案太重了，不只是插件，还会把setting.json之类的全包含，除非插件啥的不会再扩展了，不然切换配置后再新增插件之类的 会不统一，而且切换时如果当前模式下没有，还会重装插件
• 把当前环境的配置导出为配置文件，会生成xxx.code-profile文件
  
• 然后再导入即可
  

chrome插件

• 新版的插件不支持vue2项目，注意切项目后这俩插件也要切换