超级会员免费看
本文是关于react.js的入门教程，首先介绍了如何使用npm搭建React项目，包括create-react-app的使用和项目的基本目录结构。接着，文章提到了推荐的项目结构，并解析了各个关键文件的功能，如index.js、package.json、routers.js等。最后，通过展示在Home.js中编写的代码，呈现了React.js的第一个实例demo。
web端三大框架react、vue和angular，本篇教程介绍react的从入门到精通。
一、环境搭建
1、npm搭建项目
如果您之前未曾使用过 create-react-app，请先通过如下命令全局安装（假定您本机已经安装了 Node.js）：
npm install -g create-react-app然后，通过如下命令构建一个新的项目my-app：
npx create-react-app my-app通过cd my-app命令进入项目文件夹，执行npm run start命令启动程序，成功运行，则实验环境准备完毕。
最终目录结构
├─ node_modules
├─ public
├─ src
├─ .gitignore
├─ package.json
├─ README.md
└─ yarn.lock打开浏览器，输入http://localhost
订阅专栏 解锁全文
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
