创建一个新的react项目 |
您所在的位置:网站首页 › react创建 › 创建一个新的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 |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |