免费注册域名网站推荐,怎么看网站用哪个系统做的,地方性手机平台微网站,网络推广一般都干啥文章目录 1、安装create-react-app脚手架2、创建 React 项目#xff0c;项目名为 react-demo3、项目创建成功4、使用vscode打开项目并运行5、项目运行成功node_modules#xff1a;存放项目所依赖的一些第三方包文件public#xff1a;静态资源文件夹src:源码文件夹其它文件 1… 文章目录 1、安装create-react-app脚手架2、创建 React 项目项目名为 react-demo3、项目创建成功4、使用vscode打开项目并运行5、项目运行成功node_modules存放项目所依赖的一些第三方包文件public静态资源文件夹src:源码文件夹其它文件 1、安装create-react-app脚手架
打开cmd执行命令npm i -g create-react-app安装create-react-app脚手架
2、创建 React 项目项目名为 react-demo
执行命令
create-react-app react-demo3、项目创建成功 4、使用vscode打开项目并运行
输入npm start运行项目
5、项目运行成功 node_modules存放项目所依赖的一些第三方包文件
public静态资源文件夹
favicon.ico导航图标 index.html项目首页的html模版 logo192.pnglogo512.png两个logo图片 manifest.json应用加壳配置文件在手机上描述我们应用程序的json文件 robots.txt爬虫协议文件
src:源码文件夹
App.cssApp组件的样式 App.jsApp组件 App.test.js自动化测试文件用于给App做测试 index.css全局样式 index.js入口文件所用组件都会通过index.js载入 logo.svgreact的一个标志文件sug文件是纯粹的XML保证了在放大缩小时图像不失真 reportWebVitals.js导入了一个web-vitals的第三方库用来检查应用程序的性能 setupTests.js:从Jest-dom导入匹配器在进行测试时使用
其它文件
.gitignoregit的一个文件在这里可以配置不想提交到版本库里的文件 package-lock.json项目安装包的版本号 package.json存放react的一些依赖和指令 README.md项目的介绍文件运用markdown标记语言编写在github等开源代码网站上项目常用.md文件来进行介绍
