NODE 安装 #

https://nodejs.org/zh-cn/ 推荐大家使用 LTS 稳定版本，把安装包下载下来后，直接一路下一步安装即可（最好把它安装到 C 盘 【默认盘符】 ，记号安装目录）

1. 如果安装不了，我们可以把别人安装完成的内容拷贝过来，通过修改环境变量完成安装

高级系统设置 -> 环境变量 -> 系统变量 -> Path，把原有的变量值备份一份，在原有的基础上增加 node 的安装目录即可

2. 验证安装是否成功 WIN + R => 打开运行窗口 => 输入 cmd => 打开 DOS 窗口 在 DOS 窗口中，输入 node -v / node --version / npm -v 能出现版本号，则代表安装成功，不能出现版本号，提示 node 不是内部或者外部命令的，遵循第一步配置环境变量即可

NODE 基础概念 #

1. node 并不是一门语言，它是一个工具或者环境

• 基于 V8 引擎（webkit）渲染和解析 JS 的
• 单线程
• 无阻塞 I/O 操作
• 事件驱动
• ...

之所以把 node 称之为服务器端语言，是因为 node 给予 JS 操作服务器的能力：我们在服务器端安装 node，只用 js 完成服务器端需要处理的一些事情，最后把写好的 js 代码交给 node 环境运行即可

2. 在 node 环境中把 JS 代码执行

• REPL 命令（Read-Evaluate-Print-Loop：输入 - 求值 - 输出 - 循环）
• 基于 node xxx.js 命令执行
• 基于 WB 这类编辑工具直接执行

基于 node 命令执行，我们需要先找到当前文件所在的文件夹，然后再这个目录下打开 DOS 窗口，在窗口中执行 node xxx.js，这样就相当于在 node 环境下把 JS 文件中的代码执行了

如何在当前文件目录中打开 DOS 窗口

• 基于 DOS 命令中的“cd”一层层进入
• 在当前目录地址栏中输入 cmd，快速在当前目录打开
• shift+ 鼠标右键，在此处打开命令窗口

在 WB 中配置 node 环境

扫盲：常用的 DOS 命令 #

ping www.baidu.com -t：测试网速 Ctrl+c：结束当前正在运行的操作 exit：退出当前窗口 ipconfig -all：查看当前电脑的 物理地址 /IP 地址 / 子网掩码 /DNS 等信息 cls：清屏 cd：进入到指定的文件目录（windows 电脑需要先进入到对应的磁盘 E:） cd ../：返回上级目录 cd ./：当前目录 cd /：根目录 dir：查看当前目录下所有的文件 mkdir：创建文件夹 copy con xxx.xx：创建文件并且给文件中输入内容，输入完成后，用 Ctrl+c 结束并保存 del xxx.xx：删除文件 rmdir xxx：删除文件夹 ...

NPM 模块管理 #

安装完成 node 后，基本上自带 npm 模块管理器

我们需要一个第三方（别人写的）模块、插件、类库或者框架等，需要提前下载安装才可以使用

• 百度搜索，找到下载地址，然后基于浏览器下载即可（资源比较混乱，不好搜索）
• 也可以基于 npm 等第三方包管理器下载（yarn / bower ... 都是第三方模块管理器）

1.npm 下载的资源都是在 https://www.npmjs.com/ 中下载的 npm install xxx：把资源或者第三方模块下载到当前目录下 npm install xxx -g (--global)：把资源或者第三方模块安装到全局环境下（目的：以后可以基于命令来操作一些事情） npm uninstall xxx / npm uninstall xxx -g：从本地或者全局卸载

基于 npm 安装的一些细节点：

• 需要连网（基于 npm 是从国外服务器上下载资源，所以下载速度较慢）
• 下载成功后，当前目录中多增加一个 node_modules 文件夹，在这个文件夹中找到我们安装的模块
• 一般来说，下载下来的内容包含源码和最后供开发者使用的压缩版本

2. 解决下载慢的问题 基于nrm切换到国内下载源（一般是淘宝镜像） 首先安装 nrm，而且是把它安装到全局环境下（因为我们需要使用命令）

npm install nrm -g

安装完成后，我们可以使用 nrm 命令

• nrm ls 查看当前可用源
• nrm use xxx 使用某个源

切完源，还是基于 npm 安装操作

可以基于yarn来安装管理 首先还是需要先安装 yarn，安装到全局，然后基于 yarn 安装我们需要的模块

npm install yarn -g

基于 yarn 安装（只能安装在本地，不能安装到全局） yarn add xxx yarn remove xxx

基于cnpm淘宝镜像来处理 自己回去尝试

3. 解决安装版本的问题

首先查看当前模块的历史版本信息 npm view jquery > jquery.version.json ：把当前模块的历史信息输出到具体的某个文件中（文件名自己随便起的）

安装指定的版本模块 yarn add jquery@1.11.3：npm 和 yarn 都是这样来指定安装具体版本模块的

课后扩展：

1. bower 是从 gitHub 下载安装，有兴趣同学回去研究一下它的使用
2. 回去后向全局环境中安装：less / babel-cli ...