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

Posted 2020-11-23 此夏

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/   即可出现

 

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