# 流行框架第一天：構建前端自動化工做流環境

時間  2019-11-20
標籤 流行 框架 第一天 構建 前端 自動 化工 環境 简体版
原文   原文鏈接
# 流行框架第一天：構建前端自動化工做流環境
 
## 兩個問題
 
## 學習目標
 
- 瞭解什麼是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
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程