React项目搭建及依赖安装

2023-05-16

一、前提

  首先保证node.js已安装完成...

  安装完成后,打开cmd命令行,输入 node -v 和 npm -v 来查看版本号,如果显示则安装完成。

二、安装react脚手架

  在cmd命令行中输入:  npm install -g create-react-app  等待其安装

  

三、新建React项目

  创建项目默认安装在用户目录下,想更换目录可以参照如下命令:

     在cmd命令行中输入: d:   (选择D盘)

    在cmd命令行中输入:cd d:\reactDemo   (进入D盘中的指定文件夹)

  

  执行新建项目命令:create-react-app my-new-app      (“my-new-app”是你的项目根目录文件夹名称)

  

  继续等待较长时间....切记...莫慌莫慌

四、安装淘宝cnpm命令

   npm获取有些耗时间,这里建议大家使用淘宝团队的cnpm

   在cmd命令行中输入:  npm install -g cnpm --registry=https://registry.npm.taobao.org

  

   输入cnpm -v输入是否正常  没报错,说明已经安装成功了

  

五、安装所需要的依赖包

   在cmd命令行中输入: cd d:\reactDemo\ my-new-app  (进入你新建的项目文件路径)

   

   继续cmd如下:

    npm init   (然后一路回车)

    cnpm install --save react react-dom       ( 使用淘宝cnpm命令 在该目录下导入react和react-dom)

    cnpm install --save  react-router-dom   (使用淘宝cnpm命令 react路由,以后会用到)

   继续waiting......

六、启动项目

   确认cmd目录在你的项目根目录路径下:d:\reactDemo\ my-new-app

   启动项目:npm start    启动后会自动弹出localhost:3000的网页窗口

   想关闭项目的话,直接关闭CMD窗口就可以,或者使用 Ctrl+C ,输入Y后退出

  

转载于:https://www.cnblogs.com/StringFighting/p/9712080.html

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

React项目搭建及依赖安装 的相关文章

随机推荐

  • 【0928 | Day 39】事务(精讲)

    目录 一 事务 1 mysql如何控制事务 xff1f 2 默认事务开启的作用是什么 xff1f 3 事务的其他打开方式 xff1f 二 事物的四大特性 一 事务 在mysql中 xff0c 事务其实是一个最小的不可分割的工作单元 xff0
  • Unity项目 - DeathtrapDungeon死亡地牢

    目录 游戏原型项目演示绘图资源代码实现注意事项技术探讨参考来源 游戏原型 死亡地牢是一款 2D Roguelike 的地牢冒险游戏 手握利刃 xff0c 斩杀怪物 xff0c 在凶险的地牢内生存下去 但注意 xff0c 敌人也并非善茬 xf
  • Unity - 存读档机制简析

    本文旨在于简要分析Unity中的两种存档机制 xff0c 即 xff1a PlayerPrefs数据持久化方法及Serialization数据序列化方法 较比于源项目 xff0c 我另加了JSON方法 XML方法等及一些Unity设置 xf
  • Windows 无法安装到所选位置。错误:0x80300001

    Windows 无法安装到所选位置 错误 xff1a 0x80300001 这里遇到的情况是这样的 xff0c iDrac安装windows 2008 R2 xff0c 一开始映射 windows 2008 R2系统镜像 xff0c 后来
  • 【udacity】机器学习-2模型验证

    Evernote Export 1 模型的评估与验证简介 机器学习通常是大量传入数据 xff0c 然后会有一些关于数据的决策 想法和摘要 2 模型评估 评估模型使用的是各种数据分析的方法 xff0c 至少需要使用python编程和一些统计学
  • C++编程(五)--- Cmake详解&Makefile详解

    C C 43 43 程序员肯定离不开Makefile和Cmake xff0c 因为如果对这两个工具不熟悉 xff0c 那么你就不是一个合格的C C 43 43 程序员 本文对Makefile和Cmake xff0c 及它们的使用进行了详细的
  • 【统计学】第四章

    Evernote Export 一组数据的分布特征可以从那几个方面进行测度 xff1f 数据的分布特征可以从三个方面进行测度和描述 xff0c 一是分布的集中趋势 xff0c 反映各数据向其中心值靠拢或聚集的程度 xff1b 二是分布的离散
  • UG NX安装包大集合(包括UG目前发布的所有版本)

    UG NX安装包大集合 xff08 包括UG目前发布的所有版本 xff09 UG爱好者官方交流群 216953883 有了这个你就不怕找UG安装包麻烦了 xff0c 现在所有安装包全在这里了 所有版本的补丁包也在年后陆续更新 提醒 xff1
  • HTML常用字体代码

    HTML常用字体代码 常用字体 lt FONT style 61 34 FONT SIZE 40pt FILTER shadow color 61 green WIDTH 100 COLOR white LINE HEIGHT 150 FO
  • 线性链式存储结构c语言建立,线性表的链式存储结构(C语言版)

    上一篇博文我对数据结构中线性表的顺序存储结构顺序表 http 12172969 blog 51cto com 12162969 1916336 按照我的理解做了总结 xff0c 今天我继续对顺序表的另一种存储结构 xff0c 链表谈一下我看
  • stract oracle,ORACLE 字符串聚合函数 strCat

    源码如下 xff1a create or replace type strcat type as object currentstr varchar2 4000 currentseprator varchar2 8 static funct
  • ARM存储格式之 大端小端

    开头讲个有关大端小端的故事 xff1a 端模式 xff08 Endian xff09 的这个词出自Jonathan Swift书写的 格列佛游记 这本书根据将鸡蛋敲开的方法不同将所有的人分为两类 xff0c 从圆头开始将鸡蛋敲开的人被归为B
  • 多版本opencv管理; find_package()的原理解析

    近期用cmake编译程序时 xff0c 报错找不到opencv2 由于我电脑里安装了多个版本的opencv xff0c 管理不善 xff0c 借此机会梳理一下思路 1 Cmake find package Opencv REQUIRED x
  • 解决 Flask 项目无法用 .env 文件中解析的参数设置环境变量的错误

    在 Windows 上启动 Flask 项目时 xff0c 工作目录有 UTF 8 编码的 env 文件 xff0c 里面配置的环境变量在 Python2 中识别为 Unicode 类型 xff0c 导致下述错误 xff1a Serving
  • cordova环境搭建

    一 步骤列表 准备依赖环境 安装cordova 创建app xff0c 并build 二 准备依赖环境 1 需要准备的安装包 说明 xff1a gradle下载后 xff0c 解压到硬盘某个目录即可 xff1b 安装步骤 xff1a jav
  • JavaWeb_(Struts2框架)Ognl小案例查询帖子

    创建paste帖子表 CREATE TABLE 96 strutstest 96 96 paste 96 96 id 96 VARCHAR 50 NOT NULL 96 answer 96 INT NULL 96 offer 96 INT
  • socket(二)--Tcp同步非阻塞式

    socket 二 Tcp同步非阻塞式 文章目录 socket 二 Tcp同步非阻塞式一 简介二 关键类2 1 ServerSocketChannel2 2 SocketChannel2 3 Selector2 4 SelectionKey2
  • JavaWeb_(Struts2框架)Action中struts-default下result的各种转发类型

    result是用于做输出的组建 xff0c 用于向页面输出一些内容 xff0c 转发重定向可以理解为特殊方式的输出 xff0c 每一个result就是一个类 这些类都实现了共同的接口Result xff0c struts2预置了10种类型的
  • 第二章平稳时间序列模型——ACF和PACF和样本ACF/PACF

    自相关函数 自相关曲线 ACF AR 1 模型的ACF xff1a 模型为 xff1a 当其满足平稳的必要条件 a1 lt 1时 xff08 所以说 xff0c 自相关系数是在平稳条件下求得的 xff09 xff1a y t 和y t s
  • React项目搭建及依赖安装

    一 前提 首先保证node js已安装完成 安装完成后 xff0c 打开cmd命令行 输入 node v 和 npm v 来查看版本号 xff0c 如果显示则安装完成 二 安装react脚手架 在cmd命令行中输入 xff1a npm in