React脚手架搭建

准备材料

查看版本

node -v(版本至少超过6)
npm -v(版本至少超过3)

开始安装react 全局命令

启动终端输入

npm install -g create-react-app (windows)
sudo npm install -g create-react-app (Mac)
Windows安装成功

Mac安装成功

创建项目

在E盘下新建react-demo文件夹,当然建在哪里你自己就随意了,我的只不过是项目都放在E盘下好管理。

mkdir react-demo
cd react-demo
create-react-app react-cli //react-cli 是文件名,自己起
windows下成功
Mac下成功

启动项目

执行命令启动项目

cd react-cli
npm start
Windows下成功

Mac下成功

这时浏览器会自动打开一个网页,如图:


网页
注:项目你可以通过http://localhost:3000/访问也可以通过http://你电脑的ip:3000/ 来进行访问。接下来就开始你的react学习之旅吧

更新

1、如果对你有帮助的话,记得给个赞赏加关注,鼓励一下。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,577评论 25 709
  • 系统参数:MacOS 10.12.6Node.js: v8.2.1yarn: 1.3.2 摘要 本文介绍: 如何安...
    Tim_Lee阅读 5,589评论 0 1
  • 夏天的味道 酸 青涩的梅 将儿时的一颗牙 酸掉 至今也没嚼烂 母亲当年要我做的什么事 甜 在苦 牵着母亲的衣襟 回...
    申维希阅读 780评论 0 3
  • “用心”撩妹,千万不可错过的挑葡萄酒实用技巧! 想给你心仪的她挑葡萄酒?给女孩子送葡萄酒时,葡萄酒的酸度可是首要考...
    三只小熊那些事阅读 3,443评论 0 0
  • 文/成珂炎 【一】 死亡,究竟是什么? 陆平第一次,也是郑郑重重地开始思考这个问题。此时,他的脑海里忽然涌出了很...
    陈可盐阅读 3,269评论 0 2