工具:使用create-react-app脚手架开发

npm install -g create-react-appcreate-react-app my-app
cd my-app/
npm start

作为小白,这里会出现一个问题:
create-react-app不是内部命令的错误。这也是用npm安装全局包时经常出现的问题。这里简单说下我跳坑的小办法。

第一步:查询系统安装了哪些全局包

$ npm list -g –depth=0 [是零不是o]

会返回一些包的安装信息,类似如下
C:\Users\sunlei\AppData\Roaming\npm
+—create-react-app

第二步:
将得到的路径C:\Users\sunlei\AppData\Roaming\npm添加到系统环境变量的Path路径下

环境变量打开方法:

【我的电脑】 – 【右键属性】 – 【左边栏选择“高级系统设置”】 – 【选择“环境变量”按钮】– 【在弹出的对话框中在系统变量中找到Paht字段】 – 【编辑添加你电脑里的上述路径】

如果出现如下页面就表示成功喽。

在浏览器输入http://localhost:3000/

简单命令行创建ReactApp相关推荐

  1. Qt_Window@Qt Command Prompt从命令行创建工程

    #include <QApplication> #include <QLabel>int main(int argc, char *argv[]) {QApplication ...

  2. 通过CMD命令行创建和使用Android 模拟器 AVD

    进行Android APP测试时,若手持android手机设备稀少的情况下,我们可以通过创建Android模拟器AVD来代替模拟android手机设备,本文就具体介绍如何创建和使用AVD. 1.创建A ...

  3. django 命令行创建项目app

    django 命令行创建项目app 方法一: 在pycharm中打开Terminal 找到自己想要创建的文件目录下 创建app django-admin startapp app名称 方法二: 第一步 ...

  4. mysql创建表语句 cmd_mysql cmd命令行 创建数据库 表 基础语句

    一.连接MYSQL 格式: mysql -h主机地址 -u用户名 -p用户密码 1. 连接到本机上的MYSQL. 首先打开DOS窗口,然后进入目录mysql\bin,再键入命令mysql -u roo ...

  5. vue使用命令行构建完项目后_通过命令行创建vue项目的方法

    通过命令行创建vue项目的方法 最近想要学习vue,正好看到资料,如何通过命令创建vue项目的方法,就留个笔记 环境要求: 安装有 Node.js. vue.vue-cli . 创建项目: vue i ...

  6. 《Android应用开发攻略》——1.3 从命令行创建 “Hello, World”应用程序

    1.3 从命令行创建 "Hello, World"应用程序 Ian Darwin 1.3.1 问题 你想在不使用Eclipse ADT插件的情况下创建新的Android项目. 1. ...

  7. 【错误记录】Android Studio 创建 Flutter 应用被卡住 ( 更新 Flutter 插件 | 命令行创建 | 断网 )

    文章目录 一.报错信息 二.解决方案 一.报错信息 在 Android Studio 中 , 选择 " 菜单栏 / File / New / New Flutter Project &quo ...

  8. 【Flutter】创建 Flutter 项目 ( Android Studio 创建并运行 Flutter 应用 | 命令行创建并运行 Flutter 应用 | 运行 Flutter 应用三种方式 )

    文章目录 一.Android Studio 中创建 Flutter 项目 二.命令行创建 Flutter 项目 三.通过命令行方式运行 Flutter 项目 四.通过 Android Studio 可 ...

  9. [APP] Android 开发笔记 001-环境搭建与命令行创建项目

    1. 安装JDK,SDK JDK http://www.oracle.com/technetwork/java/javase/downloads/index.html Android SDK http ...

最新文章

  1. 入门Promise的正确姿势
  2. sqlserver 删除字段_SQL Server 执行计划缓存
  3. HTML之iframe内联框架
  4. python众数问题给定含有n个元素的多重集合s_2-1 问题描述:给定含有n个元素的多重集合S - 下载 - 搜珍网...
  5. php api命名历史,PHP历史上的今天查询api源码
  6. 增强服务器安全性能,加强Linux服务器安全的20项建议
  7. 如何HTML中输入正确格式,以HTML格式输入样式
  8. 不使用控件的分页实现分页(更灵活)
  9. 使用spring+quartz配置多个定时任务
  10. python day10
  11. Python学习笔记(2) Python提取《釜山行》人物关系
  12. 多个同名进程linux获取对应pid,Linux Shell根据进程名获取PID
  13. 【转】让VB6.0集成环境支持鼠标滑轮
  14. 打印的时候显示域服务器不可用,Win10打印时active directory域服务不可用解决方法...
  15. 网站换服务器步骤,【大拿分享】六个步骤搞定更换网站服务器
  16. 新媒传信Java_新媒小课堂——多媒体、流媒体、富媒体
  17. 关于电脑如何修改c盘user下的用户名
  18. 娶老婆的15条金科玉律
  19. 水星mercury无线扩展器设置
  20. 轮播图代码,带定时器和小圆圈(易懂)

热门文章

  1. 如何利用python画一些简单的图形
  2. win7 Host 与virtualbox 中的 ubuntu 11.04 共享文件夹
  3. MyBatis中jdbc和managed的区别
  4. VMware虚拟机更改静态IP报错Unit network.service entered failed state解决方案
  5. element ui字段_ui备忘单下拉字段
  6. 单反相机的传奇—佳能单反50年辉煌之路(连载十)
  7. IT是什么行业?就业前景怎么样
  8. mysql 在不同数据库中创建定时同步任务,将每分钟数据转每5分钟统计
  9. 苹果手机通话声音小怎么调_通话音量小怎么办?教你安卓和苹果的解决教程,只需2步...
  10. for /f 用法详解