React之创建项目

环境配置略过，进入官网上面有详细讲解

1、打开终端

2、cd到自己的文件夹：

我这就零时创建一个2019-7-23的文件夹

3、初始化josn：

终端输入：

npm init

然后根据提示输入就行（括号中的是提示），这样一个package.json就ok了

4、然后开始安装reactdom以及babel-preset-react支持包，在终端输入：

sudo npm install --save react react-dom babelify babel-preset-react

因为设置了源代理，速度还是杠杆滴，这样该有的就都有了，看看项目目录

5、安装es2015的babel支持包，当然如果直接用es2016的话，这可以跳过

在终端输入：

sudo npm install babel-preset-es2015 --save

然后可以看看项目里：

这里会自动配置好

这样项目的必要的一些依赖包就已经整好了，但是现在项目还是不能运行的,运行的时候还需要将js文件打包

6、安装webpack，终端输入：

sudo npm install -g webpack

以及服务器：

sudo npm install -g webpack-dev-server

7、然后在项目目录里分别安装webpack和webpack-dev-server

分别在终端输入：

sudo npm install webpack

和

sudo npm install webpack-dev-server