为何Angular-CLI使用的tsc版本与全局安装版本不一致？

这其实是npm包管理的设计逻辑导致的，本质上全局工具和项目本地依赖是两个完全独立的环境，不会自动同步版本，具体原因可以拆解成这几点：

• 定位完全不同：全局安装的tsc是系统级的通用工具，方便你在任何目录下快速执行TypeScript编译；而项目本地的tsc是这个项目专属的依赖，目的是锁定项目的编译环境——不同项目可以根据自身需求选择合适的TypeScript版本，避免全局版本更新后，旧项目因为兼容性问题编译失败。

• npm不会自动同步版本：npm的设计原则是「项目依赖独立」，如果强制让全局和本地版本自动对齐，反而会破坏项目的稳定性。比如你新启动的项目用了TS 5.x，但旧项目依赖的是TS 2.x，要是全局版本自动同步到5.x，旧项目大概率会出现编译错误。

• 命令执行的路径优先级：当你直接在项目目录敲tsc时，系统会先从环境变量PATH里找对应的命令，也就是全局安装的tsc；而项目本地的tsc在node_modules/.bin目录下，不在默认的PATH里，所以不会被优先调用。如果想使用项目本地的版本，可以这么做：

  1. 直接指定路径执行：node_modules/.bin/tsc --version
  2. 在项目的package.json里添加scripts脚本：

     "scripts": {
       "tsc": "tsc"
     }
     

     之后执行npm run tsc，npm会自动优先使用项目本地bin目录下的命令。

如果希望项目使用的TS版本和全局一致，你可以手动把项目本地的typescript依赖升级到全局版本，比如执行：

npm install typescript@2.6.2 --save-dev

不过这么做之前最好确认项目的代码和配置兼容这个版本哦。

内容的提问来源于stack exchange，提问作者daparic