前言
写此系列博客的目的是对所学 React 知识点的总结和梳理,包括填坑方案分享,希望能帮助到还并不会使用 React 的开发者入门 React
React 官方文档 React 中文文档 React 社区
项目搭建
按照官方提供的 create-react-app 搭建项目
全局安装 create-react-app
cnpm i create-react-app - g 或 cnpm i yarn -gyarn global add create-react-app
全局安装后可以使用 create-react-app 这条命令
创建名为 react-demo 的项目 create-react-app react-demo
启动项目
cd react-demonpm 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-demonpm start
目录结构
public/index.html 页面入口文件,src/App.js 根组件,src/App.css 根组件样式文件,src/index.js 程序入口文件,src/index.css 页面样式文件,App.test.js 和 serviceWorker.js 暂时不会使用,可以删除
运行项目
yarn start
项目运行成功
下篇文章
React 组件