vue-cli 安装步骤

电脑重新装系统后,需要重新安装vue-cli脚手架,还是好久以前装过,现在再整理一遍供以后参考。

1.安装nvm包管理器:

https://github.com/coreybutler/nvm-windows/releases

下载nvm-setup.zip,解压安装;

2.命令行输入nvm查看信息

3.查看需要node的版本,安装你需要的版本

https://nodejs.org/zh-cn/download/releases/

3.输入nvm install 14.0.0 (这里我选的node版本号是14.0.0);

会自动安装对应版本的npm包

4.使用你要的版本

5.查看node版本,npm版本,发现npm安装失败;

(重要) 设置 node 和 npm 镜像地址

于是打开nvm下面的settings.txt ,把下面两句加入其中:

node_mirror: https://npm.taobao.org/mirrors/node/

npm_mirror:https://npm.taobao.org/mirrors/npm/

然后使用 nvm available list 查看可用版本:

6.决定安装稳定版中最新的 12.18.0 成功 。

输入nvm use 12.18.0 ; npm 安装成功。

7.安装cnpm,vue,等你需要的安装的

npm install -g cnpm --registry=https://registry.npm.taobao.org

npm install -g @vue/cli

8.开始构建项目,发现报错

使用 npm install -g @vue/cli-init

然后再使用 vue init webpack vueDemo

注意:进入项目发现报错,后来发现使用管理员权限打开vscode 就OK了;

猜你喜欢

转载自blog.csdn.net/yang__k/article/details/106646988