React入门之脚手架搭建项目

 阅读约 3 分钟

前言

写此系列博客的目的是对所学React知识点的总结和梳理,包括填坑方案分享,希望能帮助到还并不会使用React的开发者入门React
React官方文档
React中文文档
React社区

项目搭建

按照官方提供的create-react-app搭建项目

  • 全局安装create-react-app

    cnpm i create-react-app -g

    cnpm i yarn -g
    yarn global add create-react-app
  • 全局安装后可以使用create-react-app这条命令

    创建名为react-demo的项目
    create-react-app react-demo
  • 启动项目

    cd react-demo
    npm start

    yarn start

如果node 6+ 并且 npm 5.2+,可以使用npx安装

npx create-react-app react-demo

yarn create react-app react-demo (yarn 0.25+)
cd react-demo
npm start

目录结构

20181123131240906.png

public/index.html页面入口文件,
src/App.js根组件,
src/App.css根组件样式文件,
src/index.js程序入口文件,
src/index.css页面样式文件,
App.test.jsserviceWorker.js暂时不会使用,可以删除

运行项目

yarn start

watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3l1Y2loZW50,size_16,color_FFFFFF,t_70

项目运行成功

下篇文章

React组件
阅读 866更新于 2018-11-23
推荐阅读

记录学习历程,总结,梳理知识点,解决疑难杂症,相信每次阅读都会有所收获

4 人关注
2 篇文章
专栏主页
目录