【Yuu筆記】前端0:工具

相比基于php或java的本地環境搭建,Node.js要更加省時省力。單純的web制作,使用Node.js相當方便。

Windows下的Node.js安裝:

https://nodejs.org/en/ 選擇合適的版本安裝即可。新版的Node已經自帶npm,不需要單獨安裝。安裝后在需要控制臺測試是否安裝成功:

node -v?

npm -v


Browser-sync是基于Node.js的瀏覽器同步測試工具,教程和說明參考http://www.browsersync.cn/。安裝也很簡單,在控制臺輸入:

npm install -g browser-sync

即可。

基本啟動方式是在網站目錄下輸入:

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

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


Windows下git安裝前往https://git-for-windows.github.io/下載,安裝過程中注意閱讀選項。

測試安裝是否成功:

git --version

GitHub上的web項目可以直接查看,方法是在setting中開通GitHub配置。

Git的相關教程:

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

某個人blog:?

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

常用的命令如下:

復制repository: git clone https://github.com/username/repository_name.git

查看當前狀態:git status

Commit文件:git commit -m "your_message"

push改動:git push


幾個實用網站:

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

測試前端效果: https://jsfiddle.net/ ?http://codepen.io/

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

瀏覽器實用情況: http://www.w3schools.com/browsers/browsers_stats.asp

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • afinalAfinal是一個android的ioc,orm框架 https://github.com/yangf...
    passiontim閱讀 15,556評論 2 45
  • 晚上,深夜,才是屬于我的自由時間,很想你們,和你們在一起的歲月 也很想你,我的愛人
    Aries是你閱讀 193評論 0 0
  • 曾經無數次幻想 假如和你在一起 會是怎樣的幸福 是不是就像現在這個樣子 做好你愛吃的早飯 把你從床上叫醒 想要把你...
    子執年華閱讀 259評論 0 2
  • Android應用應該使用被以一種簡潔的文件結構組織,使你的代碼更容易閱讀。此外,合理的代碼以及類命名規則是非常重...
    jockerMe閱讀 179評論 0 0