这是我参与8月更文挑战的第3天,活动详情查看:8月更文挑战
接下来,我们继续去着手搭建一个开发环境:
一、 下载安装 NodeJS 环境
建议大家去NodeJS官网下载 Node.JS 安装包,一般都会提供两个版本 LTS(long time support 长期支持的稳定版本)/ NEW
按照的时候注意尽量按照到 C盘,这样的话我们就可以在全局环境下使用 node.js,如果安装在其他某个盘下,需要去配置NodeJS环境变量
1. 设置环境变量:
“我的电脑” --> 右键 --> “属性” --> “高级系统设置” --> “高级” --> “环境变量”
-
进入环境变量对话框,在【系统变量】下新建【NODE_PATH】,
-
输入【D:\Develop\nodejs\node_global\node_modules】,
-
将【用户变量】下的【Path】修改为【D:\Develop\nodejs\node_global】
注意使用英文状态下的分号
;进行多个变量的分割
安装好 Node.JS之后,可以在命令行工具中访问到 node(Node没有UI界面的)
大家知道,我们与计算机的交流是通过代码的,也就是说,我们通过执行代码让计算机执行一些操作,但是对于大部分用户,这样的使用方式是难度很高的,所以一般的计算机操作系统都提供了UI界面,但是像 linux 操作系统就有一个版本是没有 UI界面的,所有的操作都需要我们执行 dos命令去进行操作,也就说,我们利用UI界面可以进行的操作,都可以利用命令来执行,但是因为 Node.JS 没有 UI界面,所以我们只能通过命令来进行 node.js 的操作了
windows 提供了 CMD 工具来执行命令,mac,os 系统提供终端执行命令.
Node.JS 有一个小兄弟,npm (node package manager) 这是 node 的一个包管理器, 包是一个工具或者一个模块或者一个功能部分,node里面有很多很多的工具包供我们使用,有的是 node.js 自带的,有的是第三方开发的就需要去利用 npm 这样的包管理器去进行管理(下载/删除/更新)
因为npm在下载包的时候下载源默认是国外的地址,下载起来特别的慢,甚至还会失败,所以在国内我们也可以使用 cnpm/yarn/bower 这样的一些包管理器,但是这些包管理器都需要利用 npm下载
2. 安装 npm 淘宝的镜像
接下来我们准备去下载一个 cnpm 来用, 这是 npm 淘宝的镜像:
安装 cnpm,进入官网下载
npm install -g cnpm --registry=https://registry.npm.taobao.org
利用 npm/cnpm... 来管理包的时候,使用方式是这样的
npm install(uninstall) cnpm -g(全局)/--save/--save-dev
功能说明一一对应的:
| 工具 | 操作 | 包名 | 环境 |
|---|---|---|---|
| npm | install(uninstall) | cnpm | -g(全局)/--save/--save-dev |
如果利用 npm 安装包的时候如果太慢的话,我们可以去切换npm下载包的源:
npm config set registry https://registry.npm.taobao.org
3. 配置 npm 下载的源: cnpm 等
3.1 npm 原地址
npm config set registry http://registry.npmjs.org
3.2 设置国内镜像
- a. 通过
config命令
npm config set registry https://registry.npm.taobao.org
npm info underscore (如果上面配置正确这个命令会有字符串response)
- b. 通过命令行指定
npm --registry https://registry.npm.taobao.org info underscore
- c. 编辑
~/.npmrc加入下面内容
registry = https://registry.npm.taobao.org
3.3 使用 nrm 管理 registry 地址
- a. 下载
nrm
npm install -g nrm
- b. 添加
registry地址
nrm add npm http://registry.npmjs.org
nrm add taobao https://registry.npm.taobao.org
- c. 切换
npm registry地址
nrm use taobao
nrm use npm
搜索镜像: npm.taobao.org
下文更新预告
接下来会继续学习 node.js 搭建我们的自动化开发环境, 跟上前进的步伐, 向前加油,
提高开发效率, 为我们的开发提效赋能!
加油!!