node.js

MarkDown

文本標記語言，能夠用特殊的符號對文本進行標記或設置

通常用於寫文檔或文本信息，相似於word

能夠編譯成html/pdf/word等格式

 

軟件

typora，編譯markdown

 

語法

#空格    標題

 

github

開源網站

 

前端工程化（自動化開發）

定義

    在前端開發過程當中，隨技術愈來愈普遍，性能/開發效率等要求愈來愈高，應用程序也愈來愈複雜，在構建項目時對於某些操做（壓縮、合併、編譯代碼等）比較繁瑣，css沒有邏輯性，但less和sass有邏輯性，能夠編譯成css 能夠利用一些線上工具或者一些軟件來作，但沒法找個某個方式專門針對當前項目

 

nodejs

    是js的運行環境，當js代碼運行在nodejs中時，能夠操做文件系統，因而有一些人利用nodejs開發出了一些專門針對前端的一些開發工具，能夠利用這些運行在node中的工具來構建開發環境，在構建好的開發環境中進行開發時，工具會自動按照咱們的意願執行操做。因此，當代前端開發工程師在開發項目時通常都須要nodejs環境，也須要利用運行在nodejs中的工程化工具來幫助開發

 

 

前端開發工具

除了nodejs是必須的，還須要npm/cnpm/yarn等包管理器，也須要gulp/webpack/grunt等自動化工具，這些自動化工具會根據咱們的配置將文件進行操做

 

gulp

    基於流的自動化構建工具

    查找到對應的文件內容後，利用node中的stream對文件進行操做，全部gulp是基於流的

 

webpack

    模塊化打包工具

    module.exports    把配置暴露出去，且只暴露一次。由於是模塊。因此不用寫後綴名

 

 

搭建前端工程化環境

1、下載安裝

一、下載安裝nodejs環境    [官網]（nodejs.org/zh-cn）

    通常有兩個版本 LTS（長期支持的穩定版本）/NEW

    按照時須要安裝到C盤，由於能夠在全局環境下使用nodejs，若是安裝在其餘盤，需配置nodejs環境變量(http://www.javashuo.com/article/p-mpdcimfc-hw.html)

 

二、在命令行工具中訪問到node（node沒有UI界面）

 

2、搭建前端工程化環境

一、項目選址（建文件夾）

 

二、項目備案（在項目目錄中創建package.json文件，來描述這個項目的相關信息）

    package.json中有兩個配置    dependencies（生產依賴）/devDependencies（開發依賴）

     在項目目錄中執行npm init以後輸入項目配置信息後生成文件

 

三、安裝gulp

        安裝的時候先在全局環境安裝                cnpm install --global gulp

        而後在本地（項目目錄內）進行安裝     cnpm install --save-dev gulp

 

四、創建任務分配書

        在項目中建立gulpfile.js文件，在這個文件中建立任務讓gulp執行

 

 

 

命令行工具

與計算機的交流是經過代碼的，即經過代碼讓計算機執行操做，但對於大部分用戶使用難度較高，因此通常計算機操做系統都提供了UI界面，但linux操做系統就有一個版本是沒有UI界面的，全部的操做都須要執行dos命令去操做。全部，利用UI界面能夠進行的操做，均可以利用命令來執行，但由於nodejs沒有UI界面，全部只能經過命令來執行node的操做

 

windows提供了CMD工具來執行命令，mac的os系統提供終端執行命令

 

npm

（node package manager） node的包管理器，node裏有不少工具包，有的是nodejs自帶的，有的是第三方開發就須要利用npm這樣的包管理器進行管理（下載/刪除/更新）

由於npm在下載包的時候，下載源默認是國外的地址，下載慢甚至會失敗，在國內也可使用cnpm/yarn/bower這樣的包管理器，但這些包管理器都須要利用npm下載

 

包：是一個工具或者一個模塊或者一個功能部分

 

cnpm

    是npm淘寶的鏡像

一、安裝cnpm    

    [官網]（http：//npm.taobao.org）

    npm install -g cnpm --registry=https://registry.npm.taobao.org

 

二、使用

    工具    npm

    操做    install（uninstall）  

    包名    cnpm  

    環境    -g（全局）

 

若是利用npm安裝包時太慢，咱們能夠切換npm下載包的源

    (http://www.javashuo.com/article/p-huinqvuy-db.html)：

    npm config set registry https://registry.npm.taobao.org