-
安装vue脚手架
- 确定已安装node.js 下载地址:http://nodejs.cn/download/ 新版本不在对win7进行支持https://nodejs.org/download/release/v13.14.0/ win7系统安装 选择x64.msi
- 测试是否安装成功 查看版本号
- node 和 npm两者之前具有匹配关系,版本不匹配,使用会报错,如图:
- 在卸载node之后,原来的npm环境并未被删除。删除C:\Users\ASUS\AppData\Roaming目录下的npm和npm-cache两个文件再重新下载安装node即可。
配置下载源 (因为npm资源在国外,网速慢,配置国内下载网站,安装nrm工具)
作用:提供了一些最常用的NPM包镜像地址,能够让我们快速的切换安装包时候的服务器地址;
什么是镜像:原来包刚一开始是只存在于国外的NPM服务器,但是由于网络原因,经常访问不到,这时候,我们可以在国内,创建一个和官网完全一样的NPM服务器,只不过,数据都是从人家那里拿过来的,除此之外,使用方式完全一样;
1. 运行`npm i nrm -g`全局安装`nrm`包;
2. 使用`nrm ls`查看当前所有可用的镜像源地址以及当前所使用的镜像源地址;
3. 使用`nrm use npm`或`nrm use taobao`切换不同的镜像源地址;
使用nrm -V 注意大写V 查看版本号
安装报错
找到图片标示地址 找到cli.js 17行
//const NRMRC = path.join(process.env.HOME, '.nrmrc'); (删除)
const NRMRC = path.join(process.env[(process.platform == 'win32') ? 'USERPROFILE' : 'HOME'], '.nrmrc');
保存 重新运行cmd nrm -V查看版本号 显示即安装成功
全局安装脚手架vue-cli
npm i @vue/cli -g
测试安装是否成功
vue -V