在IDEA中建立简单react项目

在IDEA中建立简单react项目,第1张

判断是否有node环境配置

国内阿里开发的淘宝npm镜像

进入idea软件,查看是否安装过node.js插件,安装过后会有node.js and npm选项,如果没有,则进行安装node.js插件

安装node.js插件

安装完后需要重启idea,然后就可以找到node.js and npm  插件

搭建react脚手架,新建react项目

完成后,等待,出现下图所示安装成功。

运行npm

点击开始按钮,运行报错

删除node_modules文件夹,重新建立    输入npm install

并运行

1      输入npm start

出现如图所示的结果并在浏览器中显示页面,则表示项目建立成功

2     点击启动按钮

出现如图所示的结果并在浏览器中显示页面,则表示项目建立成功

由于是从事后端开发,那么对IDEA开发工具“情有独钟”,本节就使用IDEA开发工具来创建一个my-app项目。

第一步:Create New Project

第二步:选择New Project React APP

**第三步:选择Finish **

第三步:开发工具配置npm启动

点击开始按钮,运行报错,信息如下:

解决方案:

在执行idea的启动按钮:

启动成功......

浏览器打开页面如下:

遇到问题不要慌,最快的方法就是把错误信息贴到网上,会有相关的解决方法,例如:


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11494313.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-16
下一篇 2023-05-16

发表评论

登录后才能评论

评论列表(0条)

保存