angularJS环境配置篇

前端之家收集整理的这篇文章主要介绍了angularJS环境配置篇前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

angularJS需要依赖node和npm。

Node.js 和 npm 对使用 Angular 和其他平台进行现代网络开发是至关重要的。 Node 驱动客户端开发和构建工具。npm包管理器本身是node应用,用于安装 JavaScript 库。

在终端/控制器窗口运行命令node -v和npm -v,来确认你运行的 node 是v4.x.x或更高,npm 为3.x.x或更高。老版本会产生错误

由于node版本太多太频繁,推荐大家使用nvm来管理。

利用nvm安装和在多个Node.js版本之间切换

nvm配置

一、什么是nvm

nvm全称是Node Version Manager

作用:Simple bash script to manage multiple active node.js versions
nvm是一个简单的bash脚本用来管理系统中多个已存的Node.js版本

github网址:
OSX和linux版本:
https://github.com/creationix/nvm
window版本:
https://github.com/coreybutler/nvm-windows

二、nvm配置步骤

  1. 卸载掉系统中所有已经存在的所有node.js版本

16-59-01.jpg

2.下载mvm包


18-37-16.jpg
  • 双击nvm-setup.exe安装,注意修改安装路径

18-40-14.jpg


注:安装完毕后会自动配置系统环境变量中的Path,同时会产生两个特殊名称的配置:

  • NVM_HOME :指向nvm安装目录
  • NVM_SYMLINK:nodejs安装目录
  • Path :变量值中增加 NVM_HOME 和 NVM_SYMLINK两个环境变量

如图:


18-44-22.jpg

18-45-37.jpg


注意:<font color='red'>系统变量</font>和<font color='red'>用户变量</font>都会有NVM_HOME 和 NVM_SYMLINK两个变量
3.检查nvm安装成功
在cmd中输入:nvm 出现下图既成功


18-48-15.jpg

4.利用nvm安装nodejs
第一步:
查看nvm中有哪些nodejs版本可以下载,如果在下面地址中没有则下载会报错:
https://github.com/coreybutler/nodedistro/blob/master/nodeversions.json


18-52-09.jpg

第二步:
在cmd中输入


18-52-44.jpg


直到将nodejs 4.4.3版本安装完毕
这里的安装命令其实会自动去下载两个文件:Nodejs.exe和npm包
nodejs.exe网址:https://nodejs.org/dist
npm包:https://github.com/npm/npm/archive/版本号.zip
例如:nvm install 6.1.0 的时候会自动
https://nodejs.org/dist中下载node 6.1.0版本
和去https://github.com/npm/npm/archive/v3.8.6.zip下载和 node 6.0.1 版本匹配的nmp包
如何查看node的每个版本对应的nmp版本是多少呢?
可以去:https://nodejs.org/dist/index.json中查看

第三步:
在cmd中做如下操作来保证node可以用:
1、 输入nvm list 查看当前所有安装好的nodejs版本
2、 输入 nvm use 4.4.3 来使nodejs4.4.3版本为当前使用状态
3、再次输入nvm list后会看到4.4.3后面多了一个标记使用的文字提醒


19-02-29.jpg

19-01-55.jpg


NVM_MODEJS_ORG_MIRROR=http://dist.u.qiniudn.comnvm install 4.4.2

第四步:
在cmd中输入 node 即可使用了


注意:环境变量那一步可以不用手动配置,解压下载的NVM后会看到如下目录

右键以管理员身份运行install.cmd后即可使用nvm命令了

npm ls -g --depth=0 #查看已经安装在全局的模块,以便删除这些全局模块后再按照不同的 node 版本重新进行全局安装

猜你在找的Angularjs相关文章