react项目以及atom所需要得安装

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安装的内容

atom-trinjs//针对ES5ES6语法
atom-beautify//安装画面更美
open-in-browers//在不同浏览器中打开
emmet//快速书写代码快捷键
file-icons//文件图标显示
highlight-selected//快速选择所有相关的标签字母

相关css样式的设置

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