一、為什么我們前端自動化開發

相信任何學開發的，不管學什么語言，老師都這樣講過，作為一名開發人員，你最大的精力應該是放在創造力上面，don't you repeat myself 不要重復自己，而在我們開發過程中，往往存在很多大量的重復操作，所以我們需要為這些操作省去時間，騰出更多的時間來讓我們創造。

而自動化開發能帶來哪些自動化：

     1.自動編譯（將less，sass等自動編譯）

     2.自動合并（將頁面引入的多個js文件，或者css文件，合并為同一個且壓縮）

     3.自動刷新（IDE保存，瀏覽器不用刷新，自動看到效果）

     4.自動部署（自動將項目打包部署到指定目錄）

     5.自動同步（能夠方便實現多個瀏覽器窗口，同步點擊，輸入，調試）

有沒有感覺很心動額，能夠幫我們做這么多事情，所以下面我們就來搭建吧，此次搭建，包括環境搭建，工具搭建，項目架構搭建，連載，今天這篇，將環境搭建的初步，nodejs環境搭建。

二、Node.js是個什么東西？

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient. Node.js' package ecosystem, npm, is the largest ecosystem of open source libraries in the world. 

翻譯一哈就是：Node.js是一個基于Chrome V8引擎的javascript的運行環境，其使用了事件驅動，非阻塞I/O模型，非常輕便高效，其包管理工具npm，是全球最大的開源庫生態系統。

意思就是，本來瀏覽器在顯示我們看到的網站的時候，會做很多事情，頁面渲染，js渲染等等，然后node把其中js渲染的引擎拿出來，并且使用了谷歌的V8，然后在其外面又封裝了一層api，讓其擁有了文件讀寫，網絡等操作，提供了一個服務端的運行環境，但卻是運行的javascipt。所以說nodejs給前端開發行業帶來了一場工業革命。

三、安裝Node.js

安裝有多種方式，，https://nodejs.org/en/ 可以直接在官網，下載安裝版安裝，這種方式很簡單粗暴，下一步就解決，就不多介紹了，介紹另一種方式，nvm安裝，因為有時我們在使用過程中，可能要用多種版本的node，而nvm可以讓我們在使用過程方便的切換的使用版本。

第一步下面NVM的包，https://github.com/coreybutler/nvm-windows/releases ，我們選擇第一個：nvm-noinstall.zip 下載完成后解壓到一個地方，比如: C:/dev/nvm 里面的文件列表是這樣的：elevate.cmd、elevate.vbs、install.cmd、LICENSE、nvm.exe

雙擊 install.cmd 然后會讓你輸入”壓縮文件解壓或拷貝到的一個絕對路徑” 先不用管它，直接回車，成功后，會在C盤的根目錄生成一個settings.txt的文本文件，把這個文件剪切到C:/dev/nvm目錄中，然后我們把它的內容修改成這樣：