目录
1、Windows10下安装及使用NVM
nvm就是对node版本切换工具,方便在不同开发环境中切换node版本
第一步:下载nvm安装包
到github上下载最新版本https://github.com/coreybutler/nvm-windows/releases
- nvm-noinstall.zip: 这个是绿色免安装版本,但是使用之前需要配置
- nvm-setup.zip:这是一个安装包,下载之后点击安装,无需配置就可以使用,方便。
- Source code(zip):zip压缩的源码
- Sourc code(tar.gz):tar.gz的源码,一般用于*nix系统
第二步:安装
安装注意事项:安装到路径不能有中文和空格,否则使用过程中出现错误
直接下一步安装即可
安装完成后确认是否安装成功,打开cmd窗口,输出nvm -v 没有报错就是安装成功,一般应该都没问题;如果报错了就是没有安装成功,环境变量没有配置,需重新配置环境变量
注意:重新配置变量(如果nvm命令可用跳过这步)
1.删除系统自带的nvm变量(如果有的话):NVM_HOME和NVM_SYMLINK
2.打开path:删除nvm自动添加的变量C:\nvm;C:\Program Files\nodejs(nvm安装目录)
3.配置用户变量:
NVM_HOME = C:\nvm
NVM_SYMLINK = C:\nodejs
Path = %NVM_HOME%;%NVM_SYMLINK%
配置完成保存
第三步:修改settings.txt(已经测试过,确实可行,使用npm直接通过淘宝镜像安装)
setting.txt文件就在nvm安装目录下,如果忘记安装目录的话,可以进入C盘 windows文件夹下的 system32在地址栏数据cmd打开cmd窗口,输入where nvm查看,进入到nvm目录下修改即可
在你安装的目录下找到settings.txt文件,打开后加上
node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/
第四步:使用nvm安装node
测试是否安装成功,在cmd窗口输入node -v 不报错就是安装成功,没出现安装失败,如果遇到就百度吧
安装node,
重点注意:安装完成后记得运行nvm use 8.4.0 命令 (8.4.0为对应安装的版本号),否则后去npm 命令无法使用
第五步:配置全局npm,并配置npm环境变量
配置全局npm好处就是,切换node版本后,安装好的包依旧可以使用,一是避免报错,二是方便
找到npm安装位置
添加环境变量 注意最后带分号;
2、搭建angular/cli环境
第一步:安装angular/cli
#默认安装最新版本
npm i -g @angular/cli
#安装制定版本
npm install -g @angular/[email protected]
#如果之前安装的是angular-cli v1的版本,需要卸载了,安装最新的版本。
npm uninstall -g @angular/cli #卸载旧版本cli。
npm cache clean #清除缓存,确保卸载干净,再进行安装
第二步:创建项目
创建项目,跳过依赖安装
ng new myapp --skip-install
进入项目,安装依赖
cd myapp
cnpm i 或者 npm i(已经在nvm的setting文件中配置过淘宝镜像,可以使用npm i)
第三步:运行项目
运行项目
ng serve --open
如果环境配置好的话,运行没有问题