react_challenge_train99

React JS 製作特訓 99 閃避子彈遊戲，目前都是用 dom 操作，沒有用 canvas ，所以會比較 lag 一些，希望有機會可以使用 canvas 來完成。

DEMO

特色

• react
• react-router 4
• webpack 2
• babel stage-0
• eslint

需求配置

• node ^4.5.0
• npm ^3.0.0

開始

先確定好安裝了 node 4.5 以上的版本，接著就可以輸入以下指令

$ git clone https://github.com/ReactMaker/simple_react_start_kit_2017
$ cd simple_react_start_kit_2017
$ npm install                   # Install project dependencies
$ npm start                     # Compile and launch

如果一切成功，就會看到以下畫面，並且瀏覽器會打開的範例頁面

開發當中最常用到的是 npm start 指令，我們還有一些其他的指令要介紹給你知道

npm run <script>	說明
start	啟動網站在 8000 port
dist	編譯整個網站成品到 dist 資料夾下
lint	檢查所有的 js 檔案有沒有符合 coding style
lint:fix	檢查所有的 js 檔案有沒有符合 coding style ，如果是一些簡單的錯誤就會嘗試修復
deploy	編譯整個網站成品後，上傳至Github靜態頁面，https://[Github 帳號].github.io/[Repositories Name]/#/