webStrom 开始你的第一个React应用
2023-04-18 12:40:55 时间
一、webStrom 安装
官方下载地址:https://www.jetbrains.com/zh-cn/webstorm/
二、环境安装
1、环境检测
首先要安装npm和node,输入如下命令:
npm -v
node -v
如果没有安装需自行安装: node安装:https://nodejs.org/en/
新版的nodejs已经集成了npm,所以之前npm也一并安装好了。
安装好后执行上面命令,能正常显示版本号说明安装成功。
2、安卓React脚手架
github地址:https://github.com/facebook/create-react-app
在终端下安装执行npm install -g create-react-app
不用每个项目都装,一个webstorm装一次即可.
三、新建项目
3.1 创建新项目
创建React App
3.2 运行
点击webstorm右上角的运行,此时会自动打开浏览器
或在终端下执行 npm start
,然后浏览器输入http://localhost:3000/
地址就可以看到如下效果图
此时运行效果如图:
相关文章
- App启动优化更优实践
- 不学点高阶函数,如何愉快的装逼!
- 快递来了却不知如何签收,怎么办?
- Android仿京东、天猫app的商品详情页的布局架构, 以及功能实现
- Android放大镜效果实现
- Android键盘面板冲突 布局闪动处理方案
- iOS高效调试
- iOS进阶之页面性能优化
- 什么是开发App的正确步骤?
- 使用RenderScript实现高斯模糊(毛玻璃/磨砂)效果
- 甲骨文测试显示近场通信系统速度过慢
- Android开发软件架构思考以及经验总结
- Android平台的10款开源任务管理和时间追踪应用
- 2017年五款最佳移动框架
- Android性能优化之被忽视的优化点
- 酷炫的Android交互动画和视觉效果:高仿音悦台播放页面
- 安卓当下最流行的吸顶效果的实现(下)
- Context 都没弄明白,还怎么做Android开发?
- Android开发人员必知的 50 个秘诀、技巧和资源
- Android后台杀死系列之二:ActivityManagerService与App现场恢复机制