馬上開始寫 react & ES6 --- 基于gulp 和 Babel 的腳手架

我對 react 很有興趣，但是我發現想寫 react 不容易。

我需要在開始寫代碼之前做很多準備工作，我需要編譯jsx文件，引入react等等，而最新的react示例，有鼓勵ES6來書寫代碼，可以用上ES6的一些閃亮的新特性，所以與其每次寫代碼配置工具花很多時間，不如寫成一個github repo，每次只需要 clone下來，會方便很多。

于是我馬上動手，有了這個 react-babel-gulp-boilerplate ，本意是自己用，現在也推薦給大家，也希望大家積極指出不足，提出建議，當然如果有更好的方案，也可以推薦給我。

特點

• 使用了Babel，這樣可以用ES6來書寫react代碼。

• 使用了Gulp和browserify，可以使用CommonJS規范來寫代碼，當然更推薦使用ES6 module。

• 使用了watchify，在 gulp watch 之后瀏覽器會自動打開網頁，同時在修改代碼之后會自動刷新代碼，方便開發和調試。

如何使用

首先，你需要安裝node和npm（我相信你一定已經安裝了），然后你可以按照下面的命令來clone這個repo，同時安裝依賴：

$ git clone git@github.com:mrdream24/react-babel-gulp-boilerplate.git <yourAppName>
$ cd <yourAppName>
$ npm install

然后你可以“啟動”它,來進行開發和調試：

$ gulp watch

這時候會自動打開瀏覽器新窗口 http://localhost:3000 ,然后你會看到 Hello World 。

最后如果你想打包代碼，可以：

$ gulp build

最后

希望大家多多支持，多多指出不足，提出建議。