相比基于php或java的本地環(huán)境搭建，Node.js要更加省時(shí)省力。單純的web制作，使用Node.js相當(dāng)方便。

Windows下的Node.js安裝：

https://nodejs.org/en/ 選擇合適的版本安裝即可。新版的Node已經(jīng)自帶npm，不需要單獨(dú)安裝。安裝后在需要控制臺(tái)測(cè)試是否安裝成功：

node -v?

npm -v

Browser-sync是基于Node.js的瀏覽器同步測(cè)試工具，教程和說(shuō)明參考http://www.browsersync.cn/。安裝也很簡(jiǎn)單，在控制臺(tái)輸入：

npm install -g browser-sync

即可。

基本啟動(dòng)方式是在網(wǎng)站目錄下輸入：

browser-sync start --server --directory --files "*"

詳情參考http://www.browsersync.cn/。

Windows下git安裝前往https://git-for-windows.github.io/下載，安裝過(guò)程中注意閱讀選項(xiàng)。

測(cè)試安裝是否成功：

git --version

GitHub上的web項(xiàng)目可以直接查看，方法是在setting中開(kāi)通GitHub配置。

Git的相關(guān)教程：

官方：https://git-scm.com/documentation

某個(gè)人blog：?

http://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000

常用的命令如下：

復(fù)制repository: git clone https://github.com/username/repository_name.git

查看當(dāng)前狀態(tài)：git status

Commit文件：git commit -m "your_message"

push改動(dòng)：git push

幾個(gè)實(shí)用網(wǎng)站：

查詢代碼適用的瀏覽器版本： http://caniuse.com/

測(cè)試前端效果： https://jsfiddle.net/ ?http://codepen.io/

檢查代碼： https://validator.w3.org/

瀏覽器實(shí)用情況： http://www.w3schools.com/browsers/browsers_stats.asp