React学习及实例开发（一）——开始（转载）

  • Z时代
  • 2024-01-10
  • 分类：综合

react

https://www.cnblogs.com/MaiJiangDou/p/9245063.html#4136668 转载

一、构建一个新项目

　　1、命令行运行如下命令，构建一个新的react项目

npm install -g create-react-app
create-react-app my-app

2、运行项目，效果如下图

cd my-app
npm start

二、项目目录

　　如下图，是新构建项目的目录：

1、node_modules

　　用于存放项目的依赖包

2、public

    • index.html 项目的入口文件

    • manifest.json 当web页面被用于Android主页面使用时的配置文件

　　3、src

    • 开发中的主要区域，页面都写在这里

    • 在这里App.js是一个组件，index.js将它渲染到页面中

　　4、package.json

包含项目信息、项目依赖模块、npm运行脚本的命令缩写等

三、其他

暴露配置项

用create-react-app创建的项目中，为了避免一开始就费太多精力配置技术栈，webpack等配置都是封装好的，如果需要修改，可以用如下命令将配置项“弹射”到应用的顶层（eject命令不可逆）。

npm run eject

如下图，目录中多出了config和scripts两个文件夹，同时package.json文件中的scripts部分也发生了相应的变化。

以上是 React学习及实例开发（一）——开始（转载） 的全部内容， 来源链接： utcz.com/z/384436.html

回到顶部