npm install 失败，webpack 升级

1.新拉取的项目 npm install 失败

检查 node 版本，npm 版本，以及 webpack 版本，

建议 ：node版本不需要最新下载长期维护的稳定版就好

node 中文网：

image.png

2.关于脚手架

2.1 关于脚手架旧版本（3以下）安装

npm install --global vue-cli

2.2 脚手架3以上版本

Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。

可以使用下列任一命令安装这个新的包 :

npm install -g @vue/cli
# OR
yarn global add @vue/cli

安装之后，你就可以在命令行中访问 vue 命令。你可以通过简单运行 vue，看看是否展示出了一份所有可用命令的帮助信息，来验证它是否安装成功。

你还可以用这个命令来检查其版本是否正确:

vue --version
# OR
vue -V

升级版本

如需升级全局的 Vue CLI 包，请运行：

npm update -g @vue/cli
# 或者
yarn global upgrade --latest @vue/cli

3.脚手架创建项目

vue create创建

vue/cli 3以上 运行以下命令来创建一个新项目：

vue create hello-world

使用图形化界面

你也可以通过 vue ui 命令以图形化界面创建和管理项目：

vue ui

拉取 2.x 模板 (旧版本)

Vue CLI >= 3 和旧版使用了相同的 vue 命令，所以 Vue CLI 2 (vue-cli) 被覆盖了。如果你仍然需要使用旧版本的 vue init 功能，你可以全局安装一个桥接工具：

npm install -g @vue/cli-init
# `vue init` 的运行效果将会跟 `vue-cli@2.x` 相同
vue init webpack my-project