React之路-脚手架搭建项目

304 阅读1分钟

使用create-react-app

1.全局安装create-react-app

npm install -g create-react-app

2.创建react项目

create-react-app my-app my-app为自己的项目名称

3.创建成功后cd 到创建项目根目录, npm start启动项目

webpack版本会有高低之分,如果报错,卸载webpack,安装对应版本webpack即可

4.项目目录

23820639-6c2a7d31fee14ba7.png

5.hello react实例

index.js文件中添加

ReactDOM.render(
  <h1>hello react</h1>,
  document.getElementById('root')
);

页面访问localhost:3000即可