react基础教程学习（一）

一. 主要分享一下react项目的搭建

node -v // 检查node版本（12以上，否则重新安装node，记得配置环境变量）

npm -v // 检查npm版本

npm install webpack webpack-cli --save-dev // 局部安装webpack或者-g全局安装也可以

npm webpack -v // 查看webpack版本

npm install -g create-react-app // 全局安装第三方脚手架

create-react-app <project_name> // 创建项目

npm run eject // 暴露配置文件（执行后可看到config文件夹）

npm start // 启动项目（记得切换到项目目录中去）

二. 介绍react项目的核心文件

1.public目录中index.html是主页面的结构，后面我们写的页面都是挂载在这个h5页面上，是程序的主页面结构

2.src的index.js是我们写的页面的入口，我们会将我们写的所有的页面挂载在id为root的div上

3.src的app.js显示内容组件

react基础教程学习（一）相关推荐

linux磁盘符变化autofs,Linux基础教程学习笔记之Autofs自动挂载
Linux基础教程学习笔记之Autofs自动挂载 Autofs自动挂载: yum -y install autofs vim /etc/auto.master 在文件中添加下面行 /home/gue ...
网络存储 linux 访问,Linux基础教程学习笔记28——使用Samba访问网络存储
Linux基础教程学习笔记28--使用Samba访问网络存储 SMB用于Windows和类Linux系统直接的文件共享安装samba client包: [root@linuxidc~]# yum i ...
黑马程序员最新版JavaWeb基础教程-学习笔记
da@黑马程序员最新版JavaWeb基础教程-学习笔记 day06-HTML&CSS HTML HTML(HyperTest Markup Language):超文本标记语言是一门语言,所有 ...
SQL基础教程学习第六站：数据更新
仅用于记录学习,欢迎批评指正,共同交流,共同进步,大神勿喷系列文章 SQL基础教程学习第一站:PostgreSQL下载安装以及如何创建并登录数据库: SQL基础教程学习第二站:数据库基本知识: SQ ...
批量加水印加logo#ps入门基础教程学习ps视频教程
批量加水印加logo#ps入门基础教程学习ps视频教程修图后期
Python基础教程学习笔记：第一章基础知识
Python基础教程第二版学习笔记 1.python的每一个语句的后面可以添加分号也可以不添加分号:在一行有多条语句的时候,必须使用分号加以区分 2.查看Python版本号,在Dos窗口中输入&q ...
python基础教程-学习python有什么好的视频教程?
干货来袭,以下均为python好的学习视频,我们先从python的入门教程开始分享起! python入门教程(600集)https://www.bilibili.com/video/BV1ex411x ...
【莫烦Python】Python 基础教程——学习笔记
文章目录本笔记基于p1-p29[莫烦Python]Python 基础教程大家可以根据代码内容和注释进行学习. 安装我的:python3.8+anaconda+VS code print() pr ...
three.js基础教程学习之camera的理解
最近学习了three.js基础教程,由于WebGL中文网中对camera的解说不够详细,自己又找了几篇博文看,以下是我对camera的理解,有错误的地方希望得到大佬们的指出,同时也希望能帮到像我一样的 ...

react基础教程学习（一）

一. 主要分享一下react项目的搭建

二. 介绍react项目的核心文件

react基础教程学习（一）相关推荐

最新文章

热门文章