react持续学习第一天

搭建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/

转载于:https://my.oschina.net/u/2392566/blog/806692