npm init
npm install --save react react-dom
npm install babel-preset-es2015 --save
npm install babel-core -D
npm install babel-loader -D

webpack的配置

新建webpack.config.js
npm install -g webpack
npm install -g webpack-dev-server
npm install webpack --save

webpack --watch //自動打包
webpack-dev-server

atom安裝的內(nèi)容

atom-trinjs//針對ES5ES6語法
atom-beautify//安裝畫面更美
open-in-browers//在不同瀏覽器中打開
emmet//快速書寫代碼快捷鍵
file-icons//文件圖標(biāo)顯示
highlight-selected//快速選擇所有相關(guān)的標(biāo)簽字母

相關(guān)css樣式的設(shè)置

npm install html-webpack-plugin --save-dev -D
npm install style-loader
npm install css-loader
npm install --save-dev babel-plugin-react-html-attrs