04_初始React脚手架

最新推荐文章于 2024-08-29 10:20:42 发布

傅里叶级数ff

最新推荐文章于 2024-08-29 10:20:42 发布

阅读量95

点赞数

分类专栏： React快速入门文章标签： react.js javascript 前端

本文链接：https://blog.csdn.net/weixin_52263256/article/details/124711869

版权

React快速入门专栏收录该内容

16 篇文章 0 订阅

订阅专栏

初始React脚手架

安装React脚手架

安装React的脚手架，前提是确保安装了npm和node，但版本不要太古老哦，

然后打开 cmd 命令行工具，全局安装 create-react-app

npm i create-react-app -g

然后可以新建一个文件夹用于存放项目

在当前的文件夹下执行

create-react-app study

快速搭建项目

再在生成好的 study 文件夹中执行

启动项目

接下来我们看看这些文件都有什么作用

脚手架项目结构

hello-react
├─ .gitignore               // 自动创建本地仓库
├─ package.json             // 相关配置文件
├─ public                   // 公共资源
│  ├─ favicon.ico           // 浏览器顶部的icon图标
│  ├─ index.html            // 应用的 index.html入口
│  ├─ logo192.png           // 在 manifest 中使用的logo图
│  ├─ logo512.png           // 同上
│  ├─ manifest.json         // 应用加壳的配置文件
│  └─ robots.txt            // 爬虫给协议文件
├─ src                      // 源码文件夹
│  ├─ App.css               // App组件的样式
│  ├─ App.js                // App组件
│  ├─ App.test.js           // 用于给APP做测试
│  ├─ index.css             // 样式
│  ├─ index.js              // 入口文件
│  ├─ logo.svg              // logo图
│  ├─ reportWebVitals.js    // 页面性能分析文件
│  └─ setupTests.js         // 组件单元测试文件
└─ yarn.lock

再介绍一下public目录下的 index.html 文件中的代码意思

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
      <!--指定浏览器图标的路径，这里直接采用 %PUBLIC_URL% 原因是 webpack 配置好了，它代表的意思就是 public 文件夹-->
    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
    <!--用于做移动端网页适配-->
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <!--用于配置安卓手机浏览器顶部颜色，兼容性不大好-->  
    <meta name="theme-color" content="#000000" />
    <!--用于描述网站信息-->  
    <meta
      name="description"
      content="Web site created using create-react-app"
    />
    <!--苹果手机触摸版应用图标-->
    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
    <!--应用加壳时的配置文件-->
    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
    <title>React App</title>
  </head>
  <body>
    <noscript>You need to enable JavaScript to run this app.</noscript>
    <div id="root"></div>
  </body>
</html>

傅里叶级数ff

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
04_初始React脚手架

初始React脚手架安装React脚手架安装React的脚手架，前提是确保安装了npm和node，但版本不要太古老哦，然后打开 cmd 命令行工具，全局安装 create-react-appnpm i create-react-app -g然后可以新建一个文件夹用于存放项目在当前的文件夹下执行create-react-app study快速搭建项目再在生成好的 study 文件夹中执行启动项目接下来我们看看这些文件都有什么作用脚手架项目结构hello-react├─ .git
复制链接

扫一扫