React的环境搭建以及脚手架的安装

1.安装node.jshtml

  若是安装了,就请参照第二步;没有的话,去node.js官网下载:https://nodejs.org/zh-cn/download/node

2.检查react

  win键+r ----->打开资源管理器---->输入cmd------>在命令窗口输入node -v和npm -v(是为了检查版本号) npm

    

  由于国内使用npm很慢,咱们能够使用淘宝的cnpm,同时设置镜像地址浏览器

  指令:npm install -g cnpm --registry=https://registry.npm.taobao.orgapp

 

 

 

 

   检查淘宝镜像是否安装成功  cnpm -v(出现下面的地址就意味着安装成功)spa

 

 

 

 3.全局安装react脚手架3d

  如已经安装了淘宝镜像,就在命令窗口输入:cnpm install -g create-react-app;htm

  没有安装淘宝镜像,能够输入这样的指令:npm i -g create-react-app(注:i是install的简写)blog

 

 

  出现上面的情形,就证实react的全局安装已经结束,以后就能够关闭了命令窗口。

4.建立项目

  进入咱们要建立react项目的文件中,在地址栏里输入 cmd  进入cmd窗口,而后输入指令:create-react-app  项目名称

  例子:建立一个todolist的项目

 

 

 

 

   建立成功以后,在命令窗口输入cd todolist(进入当前的文件夹),以后再命令窗口输入npm start(启动当前的项目)

 

 

 

 

 

 

 

 启动成功以后,在浏览器上会自动打开,打开以后的页面是下面的样子。(注:个人端口号是3001,是由于我以前已经有了一个,通常咱们默认的端口号是3000)

 

 

 

 

 

 

 

原文出处:https://www.cnblogs.com/xps-03/p/12256777.html

相关文章
相关标签/搜索