标签：
# 流行框架第一天：构建前端自动化工作流环境
## 兩個問題
## 学习目标
- 了解什么是Node，什么是NPM；（Node.js）
- 掌握Bower的使用；
- 熟练使用Less/Sass；
- 搭建一个自己的自动化工作流环境；
+ 自动编译
+ 自动合并
+ 自动刷新
+ 自动部署
- GIT 与 GITHUB
+ master 托管源文件
+ gh-pages 托管部署文件
+ 在github搭建自己的blog
## 为什么要有自动化的流程
- 在我们的开发过程中有大量的重复操作
- DRY Don‘t repeat yourself
- 开发人员的精力应放在哪？创造，新的一切
- 前端开发的编译操作
## 1.Node环境
### 1.1.什么是Node
- Node.js 可能类似jquery.js
- 不是JS文件，也不是一个JS框架（）
- 而是Server side Javascript runtime, 服务端的一个JS运行时
- 我们可以在NODE运行JS代码
- alert();ECMAScript JS- ES BOM DOM
- node中只能运行ECMAScript，无法使用 BOM 和 DOM
- 目前我们的JS是运行在浏览器内核中
- PHP是什么？是一门脚本语言也是一个运行环境
- 为什么Node选中了JS，
- 说到底就是一个JS运行环境
- 目前有两个分支
+ Node.js 0.12.7 官方版本 要求尽善尽美
+ IO.js 是社区的产物，不是官方的东西，io.js有很多新特性，迭代非常快，社区推进非常快
+ 15年两者合并，发布node第一个正式版 4.0， 迭代速度又慢了
+ node 5.x == io.js
+ node 4.0 == node
### 1.2.Node环境搭建
#### 1.2.1.Mac
- 安装包的方式
+ [pkg](https://nodejs.org/dist/v5.5.0/node-v5.5.0.pkg)
- NVM（Node Version Manager）
```bash
$ curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.30.2/install.sh | bash
$ echo ‘. ~/.nvm/nvm.sh‘ >> .bash_profile
$ nvm install stable
$ nvm alias default stable
```
#### 1.2.2.Windows
- 安装包的方式
+ [msi_x64](https://nodejs.org/dist/v5.5.0/node-v5.5.0-x64.msi)
+ [msi_x86](https://nodejs.org/dist/v5.5.0/node-v5.5.0-x86.msi)
- NVM（Node Version Manager）
- nvm(node version manager)
- 因为NODE版本比较多，开发人员可能依赖很多版本
- 通过NVM，可以轻松切换于不同的版本之间
```command
```
NVM_HOME=C:\Develop\nvm
NVM_SYMLINK=C:\Develop\nodejs
NPM_HOME=C:\Develop\nvm\npm
PATH=%NVM_HOME%;%NVM_SYMLINK%;%NPM_HOME%
#### 1.2.3.环境变量
- 环境变量就是操作系统提供的系统级别用于存储变量的地方
- 系统变量和用户变量
- 系统变量指的是所用当前系统用户共享的变量
- 自己的电脑一般只有一个用户
- 建议将自己配置的环境变量放在用户变量中，用户变量比较干净
- 环境变量的变量名是不区分大小写的
- 变量间运行相互引用
- 特殊值：
- PATH变量（不区分大小写）
- PATH 相当于一个路径的引用
- 只要添加到PATH变量中的路径，都可以在任何目录下搜索
- 命令行
- 可以用来执行当前目录下的文件
- 命令
cd :change directory
- Node.js是一个轻内核（本身没有什么功能）的东东，所有的功能都要功能包提供
- node官方提供了一些最基础的包
### 1.3.Node用途
#### REPL环境（控制台环境）
#### 1.3.1.开发Web应用程序
- 做动态网站
- 开发提供数据的服务端API
#### 1.3.2.前端开发工具基础
- Node.js给前端乃至整个开发行业带来一场工业革命
- 刀跟火种
### 1.4.Node开发Web应用Demo
#### 1.4.1.复习请求与响应
客户端发送到服务端的东西称之为请求报文
服务端返回给客户端的东西称之为响应报文
### 1.5.NPM
#### 1.5.1.什么是NPM
# 流行框架第一天：构建前端自动化工作流环境
标签：
原文地址：http://www.cnblogs.com/zhilin/p/5967957.html
