百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>JS教程> 如何下载react包
分享文章到:

如何下载react包

发布时间:12/01 来源:未知 浏览: 关键词:

下载react包的办法:第一安置react足手架;然后安置淘宝cnpm命令;接着通过命令“cd d:reactDemo my-new-app”进入项目文件途径;最后通过install命令安置依靠包即可。

本教程操纵环境:Windows7系统、react17.0.1版,该办法适用于所有品牌电脑。

引荐:《react视频教程》

下载react依靠包的办法

一、前提

第一包管node.js已安置完成...

安置完成后,翻开cmd命令行,输入 node -v 和 npm -v 来查看版本号,假如显示则安置完成。

二、安置react足手架

在cmd命令行中输入: npm install -g create-react-app等候其安置

三、创建React项目

创立项目默许安置在会员名目下,想改换名目可以参照如下命令:

在cmd命令行中输入: d: (选中D盘)

在cmd命令行中输入:cd d:reactDemo (进入D盘中的指定文件夹)

施行创建项目命令:create-react-app my-new-app (“my-new-app”是你的项目根名目文件夹名称)

连续等候较长时间....牢记...莫慌莫慌

四、安置淘宝cnpm命令

npm猎取有些耗时间,这里倡议大家使用淘宝团队的cnpm

在cmd命令行中输入:

npm install -g cnpm --registry=https://registry.npm.taobao.org

输入cnpm -v输入可否正常 没报错,说明已经安置成功了

五、安置所需要的依靠包

在cmd命令行中输入:

cd d:reactDemo my-new-app  (进入你创建的项目文件途径)

连续cmd如下:

npm init   (然后一路回车)
cnpm install --save react react-dom       ( 在该名目下导入react和react-dom)
cnpm install --save  react-router-dom   (react路由,今后会用到)

连续waiting......

六、启动项目

确定cmd名目在你的项目根名目途径下:d:reactDemo my-new-app

启动项目:npm start 启动后会主动弹出localhost:3000的网页窗口

想关闭项目的话,直接关闭CMD窗口就可以,或者使用 Ctrl+C ,输入Y后退出

以上就是如何下载react包的具体内容,更多请关注百分百源码网其它相关文章!

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有151人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板