相比基于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