环境配置略过,进入官网上面有详细讲解
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