乐趣区

React入门之脚手架搭建项目

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

退出移动版