码迷,mamicode.com
首页 > Web开发 > 详细

React.js框架新人手把手教你如何搭建项目

时间:2019-11-13 12:58:11      阅读:98      评论:0      收藏:0      [点我收藏+]

标签:back   全局   意思   data   管理   js框架   ofo   接下来   image   

1、安装node.js

 node.js官网:https://nodejs.org/en/

根据安装提示安装node.js,npm包管理工具也会一同安装。

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

 2、用npm创建新的项目,首先用npm 安装 create-react-app工具,其可以自动地在本地目录中创建react项目。

在cmd命令行中输入: 

npm install -g create-react-app

等待其安装,意思是全局安装create-react-app脚手架工具,然后就可以使用命令创建新的react项目。

3、在cmd中输入:        

create-react-app my-new-app     接下来你讲会等待“几分钟”,一定要有耐心有耐心喔!

 

安装完成后按照提示:

技术图片

 

 4、npm start启动项目之后,浏览器输入:http://localhost:3000/   即可出现

技术图片

 

希望能帮助正在看的你,若有问题,请在评论区留言。

 

React.js框架新人手把手教你如何搭建项目

标签:back   全局   意思   data   管理   js框架   ofo   接下来   image   

原文地址:https://www.cnblogs.com/CinderellaStory/p/11848032.html

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