创建一个新的react项目

您所在的位置:网站首页 react创建 创建一个新的react项目

创建一个新的react项目

2023-09-01 08:14| 来源: 网络整理| 查看: 265

1.先查看自己有没有安装node.js 和 npm

在cmd命令框中输入 node -v  如果出现版本号则代表有安装 

    没有则可以去官网下载最新的版本:

      https://nodejs.org/

       我用的是V10.16.0最新版本,也可以点这个链接直接下载这个。

        https://nodejs.org/dist/v10.16.0/node-v10.16.0-x64.msi

        下载好之后一直点击下一步,安装完成!!!

在cmd命令框中输入 npm -v  如果出现版本号则代表有安装(一般node会自带一个npm包)

2.设置淘宝镜像(可有可无   输入上去下载速度会快一点)

npm config set registry https://registry.npm.taobao.org

3.安装create-react-app

我们可以通过安装create-react-app来创建React项目。

安装命令:npm install -g create-react-app

安装成功之后,就可以创建React项目啦!

4.创建React项目

进入你想创建项目的路径(根据自己的需要指定位置,注意,是你自己的node项目路径,不是node软件安装路径!),然后键入命令:

create-react-app demo  (demo是你项目的名称)

这里的create-react-app是创建命令,demo是你要创建的项目的名称,项目名称可以随便起。

这样就算是创建成功啦!

然后,仔细看,倒数第二、三行的提示!!!

进入刚刚创建的demo目录中:cd demo 

(一定要进入demo项目 目录中才可以启动项目哟!!!)

启动项目:npm start

稍等片刻,则会自动打开一个网页!!!

(可能会遇到卡在    Starting the development server... 这里

原因  :因为电脑上的防火墙阻止了启动浏览器

解决办法:更改防火墙设置  并且重启电脑

出现此界面,代表一个基本的项目创建成功啦!!!!!

参考原文链接:https://blog.csdn.net/weixin_36732046/article/details/95884577



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3