首页 > 其他分享 >React学习笔记02-创建React项目

React学习笔记02-创建React项目

时间:2023-10-16 11:47:28浏览次数:34  
标签:02 react 项目 app 笔记 React 文件夹 create

1.全局安装create-react-app

npm install -g create-reat-app

2.创建一个React项目

create-react-app myapp  注意命名规范不能大写,中文等

如果不想全局安装,可以直接使用npx

npx create-react-app myapp

 需要等待一段时间,这个过程实际上会安装三个东西

  react: react的顶级库   react-dom:因为react有很多的运行环境,如app端的react-native,我要在web上运行就使用react-dom   react-scripts:包含运行和打包react应用程序的所有脚本和配置   出现下面的界面表示项目创建成功

根据提示信息,cd 进入 reactblog运行npm start即可运行项目

生成的目录结构如下

|—— README.md 

|—— node_modules(项目依赖文件夹)

|—— public(打包模板文件夹)

|—— src(项目资源文件夹)

|—— package.json(包管理文件) 

 

 

标签:02,react,项目,app,笔记,React,文件夹,create
From: https://www.cnblogs.com/SadicZhou/p/17767002.html

相关文章

  • 1024排行榜福利,Top1得HuaWei智能手表(前三皆有奖)
    1024排行榜福利来啦!(戳此直达>>)正在发文的博主们被精选/推荐的文章数量越高排行榜越高奖品越丰厚都有什么礼品?TO1是华为WATCHGT3TOP2是VGNV98Pro机械键盘TOP3是倍思充电宝20W快充活动时间限制?10月16日——10月24日15:51“你”的文章可以被精选/推荐吗?只要你有一篇图文并茂的技......
  • BitBake使用攻略--BitBake的语法知识二(转载自https://www.cnblogs.com/chegxy/archive
    目录写在前面1.BitBake中的任务2.任务配置2.1依赖2.1.1内部任务间的依赖2.1.2不同菜谱下的任务间依赖2.1.3运行时态下的依赖2.1.4递归依赖2.1.5任务间的依赖2.2事件2.3校验和3.ClassExtensionMechanism 写在前面这是《BitBake使用攻略》系......
  • 图形学、02 推导证明 | 任意一点经过透视投影后 z 坐标相对于之前有什么变化
    齐次坐标知识点:\(\begin{bmatrix}x\\y\\z\\1\\\end{bmatrix}\Rightarrow\begin{bmatrix}nx\\ny\\nz\\n\\\end{bmatrix}\)两个都表示同一个点透视投影:先将远截面按一定规则缩放到跟近截面一样大,然后再正交投影缩放规则:远截面缩放后\(z\)不变,缩放过后大小同近......
  • 2023香山杯
    2023香山杯move一眼栈溢出,然后三次栈迁移。expfromtoolsimport*context(os='linux',arch='amd64',log_level='debug')p,e,libc=load("./pwn")pop_rdi=0x401353ret=0x40101abss=0x4050A0leave_ret=0x40124bread=0x401230pop_rbp=0x4011......
  • React学习笔记01-React的基本认识
    1.React起源与发展React起源于Facebook的内部项目,因为该公司对市场上所有JavaScriptMVC框架,都不满意,就决定自己写一套,用来架设Instagram的网站。做出来以后,发现这套东西很好用,就在2013年5月开源了。2.React与传统MVC的关系轻量级的视图层库!AJavaScriptlibraryfor......
  • C#学习笔记之类(Class)
    一、定义:以class关键字开始,后跟类的名称。类的主体(成员)包含在一对花括号内。一般形式:<accessspecifier>classclass_name{//变量<accessspecifier><datatype>variable1;<accessspecifier><datatype>variable2;...<accessspecifier>......
  • 前台端分离 技术架构 系统架构图 20231016
       ......
  • solidworks 2024新功能之--保存为低版本 硕迪科技
    大家期盼已久的SOLIDWORKS保存低版本文件功能来了,从SOLIDWORKS2024开始,您可以将在最新版本的SOLIDWORKS中创建的SOLIDWORKS零件、装配体和工程图另存为SOLIDWORKS早期版本的全功能文档(完成的特征树与相关参数)。将文件另存为先前版本,即可与使用旧版本 SOLIDWORKS 的任何人进......
  • 矩阵理论笔记1
    第一讲线性代数回顾定理和性质设\(A=(\alpha_{1},\alpha_{2},\alpha_{3},...,\alpha_{m})\),其中\(\alpha_{i}\)是一个n维列向量,那么有下面命题等价:1.1.\(b\inL(\alpha_{1},\alpha_{2},\alpha_{3},...,\alpha_{m})\),其中$L(\alpha_{1},\alpha_{2},\alpha_{3},...,\alpha_{......
  • Programming abstractions in C阅读笔记:p179-p180
    《ProgrammingAbstractionsInC》学习第60天,p179-p180总结。一、技术总结1.palindrome(回文)(1)包含单个字符的字符串(如"a"),或者空字符串(如"")也是回文。(2)示例:“level”、"noon"。2.predicatefunction(1)predicate的意思pre-("forth")+*deik-("show"),“t......