创建一个新的react项目

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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容