脚手架
facebook的官方脚手架
1、安装 create-react-app (CRA)
npm install create-react-app -g
yarn global add create-react-app
安装yarn
方法一:使用安装包安装
[官方下载安装包](https://yarnpkg.com/zh-Hans/docs/install)
安装完毕后,一定要配置环境变量。
方法二:使用npm安装
npm i yarn -g
-i:install
-g:全局安装(global),使用 -g 或 --global
输入yarn -version 可以看到版本号,说明安装成功了。我们就可以在项目中像使用npm一样使用yarn了。
2、用脚手架创建 react项目
create-react-app 项目名称
如:create-react-app reactapp01
注意:项目名称不能有大写字母。
3、 启动项目:
npm start | yarn start
4、目录解析:
4.1)第一级目录
node_modules:是项目依赖的模块
src:是程序员写代码的地方,src是source的缩写,表示源代码
public: 静态资源。
4.2)展开目录:
- Public:
index.html:是html网页,是个容器。这个文件千万不敢删除,也不能改名。
只有Public目录下的文件才会被index.html文件引用,这是静态资源,index.html不会引用
src目录下的文件
manifest.js