React入门之脚手架搭建项目

共计 599 个字符，预计需要花费 2 分钟才能阅读完成。

前言
写此系列博客的目的是对所学 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 组件