当前位置:网站首页 > React.js开发 > 正文

window安装react.js开发环境_window安装react.js开发环境

一、npm: Nodejs下的包管理器。

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

打开CMD,检查是否正常
在这里插入图片描述
在这里插入图片描述
再看看另外2个目录,npm的本地仓库跑在系统盘c盘的用户目录了(没见到npm-cache是因为没有用过,一使用缓存目录就生成了),我们试图把这2个目录移动回到D:\node-v16.14.0-x64
在这里插入图片描述
然后运行以下2条命令
npm config set prefix “D:\node-v16.14.0-x64\node_global”
npm config set cache “D:\node-v16.14.0-x64\node_cache”
在这里插入图片描述
检查是否设置成功:npm list -global
在这里插入图片描述
引进淘宝镜像npm config set registry=http://registry.npm.taobao.org
在这里插入图片描述
查看配置信息npm config list
在这里插入图片描述
更新npm
npm install npm -g
在这里插入图片描述
注意,此时,默认的模块D:\nodejs\node_modules 目录
将会改变为D:\nodejs\node_global\node_modules 目录,
如果直接运行npm install等命令会报错的。
我们需要做1件事情:
1、增加环境变量NODE_PATH 内容是:D:\node-v16.14.0-x64\node_global\node_modules
在这里插入图片描述

二、安装react

npm install -g create-react-app

三、创建项目first-react-demo

create-react-app first-react-demo

在这里插入图片描述
进入first-react-demo项目文件夹、
cd first-react-demo

开始启动项目 :npm start
在这里插入图片描述
会自动打开浏览器显示web页面
在这里插入图片描述
react环境安装成功,可以进行开发啦!

版权声明


相关文章:

  • React.js:构建你的第一个组件_react 搭建2024-10-30 14:31:17
  • vue和React区别=> Vue.js 与 React.js:深度对比2024-10-30 14:31:17
  • 【React】详解 index.js 文件_【React】详解 index.js 文件2024-10-30 14:31:17
  • React.js入门级教程附带代码详解2024-10-30 14:31:17
  • 原生html引入react,如何引入react.js2024-10-30 14:31:17
  • React教程(详细版)_react教程,看这篇就够了2024-10-30 14:31:17
  • 在线编辑、在线预览、在线转换,基于wps.js + java + react / vue,无需任何插件,零安装_在线编辑、在线预览、在线转换,基于wps.js + java + react / vue,无需任何插件,零安装2024-10-30 14:31:17
  • React严格模式-React.StrictMode_js中的严格模式2024-10-30 14:31:17
  • React.js介绍_react .js2024-10-30 14:31:17
  • React源码之React.createElement_react源码深度解析2024-10-30 14:31:17
  • 全屏图片