全局安装vue-cli遇coffee-script弃用提示问题求助

我之前也碰到过一模一样的问题，明明已经安装了官方说修复了的2.9.3版本，还是每次都会弹出那个coffee-script迁移的警告。后来查了下才发现，问题出在vue-cli依赖的子模板包上——虽然vue-cli主包已经更新了，但它的部分内置模板（比如webpack模板）还在引用旧的coffee-script（带连字符）包，所以安装时还是会触发这个警告。

下面是几个可行的解决办法，按从简单到复杂排序：

1. 直接忽略警告 #

这个只是npm的警告信息，不是错误，完全不会影响vue-cli的正常使用。如果你只是看着不舒服但不影响开发，直接无视就好。

2. 用npx替代全局安装 #

避免全局安装带来的依赖缓存问题，每次创建项目时直接用npx指定版本运行：

npx vue-cli@2.9.3 init webpack your-project-name

这样每次都会拉取最新的依赖快照，能大概率避开旧依赖的警告（亲测有效）。

3. 手动修复全局模板的依赖 #

如果你一定要全局安装且消除警告，可以按以下步骤操作：

• 先找到npm全局包的安装目录，运行：

  npm root -g
  

  比如输出可能是/usr/local/lib/node_modules
• 进入vue-cli的目标模板目录（以常用的webpack模板为例）：

  cd /usr/local/lib/node_modules/vue-cli/templates/webpack
  

• 修改该目录下的package.json，把"coffee-script": "^1.12.7"替换成"coffeescript": "^2.7.0"（或更高稳定版本）
• 最后在该目录下运行npm install更新依赖

这样之后再用vue-cli创建项目时，就不会再弹出这个警告了。需要注意的是，这个方法需要修改全局包文件，如果你之后更新vue-cli，可能需要重新操作一遍。

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