搭建本地环境
** 确保你安装了较新版本的 Node.js。
1.创建一个新项目
npx create-react-app my-app(my-app可以换成你个人的项目,这里是做参考)
2.删除掉新项目中的src/文件夹下的所有文件(注意不要删除整个文件夹,删除里面的源文件)
cd my-app
cd src
del *
# 然后返回项目文件夹
cd ..
3.然后在src/文件夹中创建一个名为index.css的文件夹
4.在src/文件夹下创建一个index.js文件夹
准备就绪了,我们可以开始编写代码了,我们可以编写hello world显示到页面上,看一下react是如何编写代码的
我们在index.js里面引入三行代码:
import React from 'react'
import ReactDOM from 'react-dom'
import './index.css'
在index.js下在编写
ReactDOM.render (
<h1>欢迎使用react.js</h1>,
document.getElementById('root')
)
然后在终端 输入
npm start
就启动了这个程序
补充知识:
ReactDOM.render 是 React 的最基本方法,用于将模板转为 HTML 语言,并插入指定的 DOM 节点。