搭建react的开发环境
1.搭建react的脚手架
npm install -g create-react-app
create-react-app lesson1
cd lesson1
npm start
2.安装react的编译工具babel
npm install --save-dev babel-loader babel-core
npm install babel-preset-env --save-dev
npm install babel-loader babel-core babel-preset-es2015 webpack --save-dev
在项目的目录下创建.babelsrc,添加如下代码
{
"plugins": ["transform-react-jsx"],
"ignore": [
"foo.js",
"bar/**/*.js"
]
}
3.项目跑起来
npm run build
npm run start
4.访问自己搭建的第一个react项目
http://localhost:3000/