React脚手架

最新推荐文章于 2024-05-30 15:14:59 发布

QAQ小七

最新推荐文章于 2024-05-30 15:14:59 发布

阅读量53

点赞数

文章标签： react.js javascript 前端

本文链接：https://blog.csdn.net/qubuqimingzi/article/details/125048758

版权

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

文章目录

用脚手架创建React
一、React脚手架
二、在src目录下创建index.js文件
三、在index.js文件中导包
四、在index.html文件中添加div
五、在终端中运行

用脚手架创建React

例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。

提示：以下是本篇文章正文内容，下面案例可供参考

一、React脚手架

初始化项目，在终端输入代码

npm create-react-app my-app

启动项目

npm run start

二、在src目录下创建index.js文件

在这里插入图片描述

三、在index.js文件中导包

代码如下（示例）：

import React from "react"
import  ReactDOM  from "react-dom"
const title =React.createElement('h1',null,'Hello React');
ReactDOM.render(title,document.getElementById('root'))

四、在index.html文件中添加div

代码如下（示例）：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="root"></div>
</body>
</html>

五、在终端中运行

运行结果
在这里插入图片描述

QAQ小七

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
React脚手架

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录用脚手架创建React一、React脚手架二、在src目录下创建index.js文件三、在index.js文件中导包四、在index.html文件中添加div五、在终端中运行用脚手架创建React例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、React脚手架初始化项目，在终端输入代码npm c.
复制链接

扫一扫