webstorm 创建react组件_react+webpack+webstorm开发环境搭建

需要安装的软件

node.js

npm包管理

以上两个包的下载地址如下：

由于6.3.0版本之后会自带npm的包管理所以不需要单独的安装npm

更换npm库的源

由于国内的网络原因，推荐只用阿里的npm源地址

构建项目

使用webstorm新建一个空白项目

打开控制台，在控制台里输入npm init 命令来初始化一个package.json文件，这个文件是一个类似于pom.xml的文件，用来描述需要的依赖库。

在控制台输入以下命令

npm install webpack webpack-dev-server babel --save-dev

npm install react react-dom babel-loader less-loader css-loader style-loader url-loader file-loader babel-preset-es2015 babel-preset-react react-hot-loader jquery eslint eslint-plugin-react --save-dev

--save-dev 会把下载包的相关信息写到package.json的devDependencies里面方便以后发布，其他人使用的时候只需要npm install就可以把相关的依赖下载到当前的项目里面。

在package.json里面包的版本之前的^表示可以安装类似2.x.x版本的组件但是不能安装3.x.x版本的软件

在package.json里面包的版本之前的~表示可以安装2.1.x的软件不能安装2.3.x的软件

新建一个webpack.config.js的文件，在文件里面添加如下信息

/**

* Created by Diablo on 16/7