创建第一个react项目
2024-09-08 04:47:12
前提:已安装部署好nodejs环境
查看nodejs是否安装以及版本
1,win+r输入cmd打开命令行页面
2,路径换到nodejs目录
3,输入node -v查看版本
创建项目
1,win+r输入cmd打开命令行页面
2,路径换到工作空间目录下
3,输入创建命令,等待创建完成
4,创建成功
5,跳转到新建的项目路径下,并启动项目
6,项目启动成功后会自动打开浏览器页面,默认端口3000
7,项目目录结构
8,修改默认端口
修改package.json中的内容
将
"scripts": {
"start": "react-scripts start",
},
修改为
"scripts": {
"start": "set PORT=9000 && react-scripts start",
},
9,编辑工具使用的Visual Studio Code
在此工具中启动项目
ctrl+数字1左边的按键,出现以下页面,然后输入npm start
启动成功后依然自动打开浏览器
另有命令:npm stop / npm restart
最新文章
- 让我们山寨一张Windows Azure Global的壁纸
- C#+无unsafe的非托管大数组(large unmanaged array in c# without 'unsafe' keyword)
- .Net Core CLI windows安装
- S5PV210的内存分配研究分析
- C++ 中dynamic_cast&;lt;&;gt;的使用方法小结 -判断类型-rtti
- 在Android设备上判断设备是否支持摄像头
- plsql登录弹白框
- 231. Power of Two 342. Power of Four -- 判断是否为2、4的整数次幂
- Android应用集成支付宝接口的简化
- [Java] log4j异常输出到日志
- ES6学习笔记(十四)
- 你好,C++(18) 到底要不要买这个西瓜?4.1.6 操作符之间的优先顺序
- poj3261 -- Milk Patterns
- 转载python并行运算实例
- Delphi XE7,Rad Studio XE7 官方下载(附Delphi XE7破解),更新Update1(转)
- python之路第五篇之递归(进阶篇:续:经典例子剖析)
- webpack的css压缩不兼容IOS8问题探索
- deepin linux学习笔记(四)进不去图形界面怎么办?
- 神器PHPStorm个人最常用快捷键
- [Ubuntu]修改文件夹及所有子文件夹权限