一個web前端頁面骨架：JS-SKELETON

一個web前端頁面骨架，快速構建前端DEMO的利器。讓你拋掉繁瑣的CSS和JS引用，快速的打造DEMO。利用Github Page可以讓你快速得到一個可以直接訪問的Demo。

示例 點我！

本地使用

• 安裝NodeJS和npm
• 代碼下載或者clone到本地
• 運行npm install安裝依賴。
• 在workspace文件夾中新建一個文件夾并添加對應的app.html,app.css,app.js，但是都不是必須的。
• 運行npm run build，處理過后的結果會輸出到works文件夾，直接用瀏覽器打開里面的html即可。
• 開啟一個HTTP服務（推薦使用http-server，或者python -m SimpleHTTPServer），打開http://localhost:8080/index.html?name=helloworld可以讓代碼在demo中展示，helloworld替換為你的demo的名字，端口號替換為你的http服務的端口。
• 可以通過運行npm run watch來實時監聽文件變化，自動build。

把自己的Demo托管到Github

• 在github上將本項目fork一個分支到你自己的帳號下。
• 將你自己fork的js-skeleton clone 到本地git clone git@github.com:yourname/js-skeleton.git。
• 通過get checkout -b gh-pages來新開一個gh-pages分支，這有這個命名的分支能夠通過github.io直接訪問，詳情可以參考git官方文檔。
• 編輯文件，去掉.gitignore中的works，這樣使得你可以將build得到的結果也提交到Github。
• 按照上面的[本地使用]中的說明操作，最后運行npm run build來build結果。
• 你可以在workspace中添加你的demo并用git命令提交，包括也要提交build之后works文件夾中的文件。
• 最后將gh-pages分支push到github上：git push --set-upstream origin gh-pages。
• 然后你就可以訪問http://yourname.github.io/js-skeleton?name=helloworld看到你的demo頁面了。

TIPS

使用npm run build-d或者npm run watch-d可以讓CSS和JS以文件應用的方式引入，使得JS和CSS文件的修改可以馬上反映到頁面中，便于調試。

項目主頁：http://www.baiduhome.net/lib/view/home/1441780331477