从零创建react项目

作者: 一个小前端程序员 | 来源:发表于2020-03-07 17:01 被阅读0次

1.首先安装node环境
2.安装react脚手架工具：create-react-app

npm install -g create-react-app

3.使用create-react-app创建项目

create-react-app react-project
-----安装完成后-----
cd react-blog
npm start
-----验证项目是否完成安装-----

4.清空安装好的项目中src下面的所有文件，再根据以下图片新建好文件夹

image.png

5.在index.js中添加一下内容

/*
入口文件js
*/
import React from 'react'
import ReactDom from 'react-dom'

ReactDom.render(<h1>Hello World</h1>,document.getElementById('root'))

浏览器中可以看到

image.png

项目创建完毕

从零创建react项目
1.首先安装node环境2.安装react脚手架工具：create-react-app 3.使用create-re...
从零创建React项目
根据下面的文档创建的react项目可参考初始化项目配置路由数据请求状态管理redux 注：redux默认只...
从零创建一个React项目
要去https://nodejs.org/zh-cn/安装node.js(工程化项目创建项目和启动项目依赖于nod...
如何创建React组件并发布到npm？
实现步骤：创建React组件项目；创建测试项目并引用组件；发布React组件到npm上；一、创建React...
搭建antd环境
1、创建react工厂从零搭建react开发环境 2、安装antd 3、安装less 4、安装react-rou...
（一）react创建项目
创建新项目检测node是否安装检测cnpm是否安装安装脚手架创建react项目启动react项目
第一章:React:从0到1组件库构建——storybook篇
一、项目创建本文章的项目搭建是基于create-react-app进行的搭建。创建项目create-react-...
我的react学习
基础部分创建一个react的项目创建一个react的项目全局安装 react 指令 // 全局安装rea...
【React1】创建单页应用
Create React App 脚手架工具，是创建React项目的最佳方式。创建项目前要满足 Node >= ...
从零创建项目实践
背景大帅MarkZhai的从零系列火遍大江南北，奈何大帅最近要做爸爸了，忙得没有时间出demo，文章中一些细节部...