如何创建一个react项目(如何使用idea创建react项目的详细步骤)

它会配置你的开发环境,以便使你能够使用最新的 JavaScript 特性,提供良好的开发体验,并为生产环境优化你的应用程序。你需要在你的机器上安装 Node >= 8.10 和 npm >= 5.6。打开查看自己的电脑是否安装

1.按win R打开

如何创建一个react项目(如何使用idea创建react项目的详细步骤)(1)

2 然后出入自己的查看是否安装

如何创建一个react项目(如何使用idea创建react项目的详细步骤)(2)

node.js版本和npm版本

因为npm的镜像是国外的,除非你能FQ,否则一般是安装不了,能的话安装也会非常缓慢。但国内阿里开发的淘宝npm镜像,就能满足我们的需求。win R 输出cmd打开黑窗口 npm install -g cnpm --registry=https://registry.npm.taobao.org 等待安装

第一.创建file--->new-----Project点击

如何创建一个react项目(如何使用idea创建react项目的详细步骤)(3)

第一步

第二步,选择Static ----> React App--->点击Next

如何创建一个react项目(如何使用idea创建react项目的详细步骤)(4)

第二步

第三步,创建工程名称,(不用打大写字母表示),选择node.js和npm的所在目录

如何创建一个react项目(如何使用idea创建react项目的详细步骤)(5)

第三步

第四步 需要您耐心心等几分钟,正在加载一些依赖包

如何创建一个react项目(如何使用idea创建react项目的详细步骤)(6)

第四步

第五步,如果出现以下文字说明创建成功

如何创建一个react项目(如何使用idea创建react项目的详细步骤)(7)

第五步

第六步,在Terminal窗口输入 npm start运行起来了

如何创建一个react项目(如何使用idea创建react项目的详细步骤)(8)

第七步,打开浏览器访问;http://localhost:3000/ 就可以访问成功了

如何创建一个react项目(如何使用idea创建react项目的详细步骤)(9)

成功了

各位可以关注一下,精彩继续文章

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页