码迷,mamicode.com
首页 > 其他好文 > 详细

如何使用脚手架搭建一个react项目

时间:2018-10-30 17:11:55      阅读:342      评论:0      收藏:0      [点我收藏+]

标签:host   star   node.js   localhost   lan   image   start   技术分享   href   

1、准备工作:
  首先要知道,搭建一个react项目总是需要安装node.js和npm的,未安装的请移步node.js官网:https://nodejs.org/en/  
检测是否安装成功:npm -v 和node -v
 
2、npm安装脚手架
  执行命令npm install create-react-app
 
3、使用npx和脚手架创建项目my_app,这个过程可能需要几分钟,请耐心等待
  npx create-react-app my_app
  这里用到了npx,就是可以让你不用全局安装create-react-app这个工具啦~
 
4、创建完成后的项目目录如下:
技术分享图片

 

5、启动项目
  npm start
项目启动成功,会自动打开浏览器localhost:3000显示如下:
技术分享图片

 

如何使用脚手架搭建一个react项目

标签:host   star   node.js   localhost   lan   image   start   技术分享   href   

原文地址:https://www.cnblogs.com/xdrong/p/9876524.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!