使用react配置最新版本nodejs路径和环境（主要讲环境配置）

最新推荐文章于 2023-03-15 19:50:34 发布
最新推荐文章于 2023-03-15 19:50:34 发布
阅读量716 收藏 1
点赞数 1
文章标签： 前端 javascript 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_52983595/article/details/125963126
版权

一、node下载链接  https://nodejs.org/en/download/

 根据电脑位数下载对应版本.msi文件

二、安装  下载结束后一路next安装，下载地址可自己更改

安装完后可以使用下面命令检查是否安装成功node，新版node会自动安装npm，

三、在安装node目录下新建两个文件夹 node—cache和node——global

 使用下面两个路径更改文件默认储存路径，便于管理

npm config set prefix "你的安装路径\nodejs\node_global"

npm config set prefix "’你的安装路径‘\nodejs\node_global"

四、环境配置

 在用户变量下新建NODE_PATH，值设为如下

最低0.47元/天 解锁文章
weixin_52983595
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
React开发环境（VisualCode+NodeJs）
12-11
安装说明： 1、安装VisualCode软件：VSCodeUserSetup-x64-1.29.1.exe 2、安装Nodejs：node-v10.14.1-x64.msi;（注意：安装nodejs稳定版本） 3、安装cnpm用cnpm替代npm 打开cmd.exe 输入命令：npm install -g cnpm --registry=https://registry.npm.taobao.org 然后回车，等待安装按成即可。完成后可输入cnpm -v验证 4、安装yarn替代npm 打开cmd.exe 输入命令：cnpm install -g yarn 然后回车，等待安装按成即可。完成后可输入yarn -v验证 5、安装脚手架工具 打开cmd.exe 输入命令：cnpm install -g create-react-app 然后回车，等待安装按成即可。 6、创建项目 (1)在处搭建react项目的区盘上搭建项目文件夹，文件夹须放在区盘顶层或者路径文件夹不能有大写字母或中文，文件夹名要求英文小写； （2）打开cmd.exe，用命令进入文件夹， ①输入区盘回车，如D盘，输入：d: ②输入文件夹路径回车，如：命令：cd D:\webprograms （3）输入创建项目命令后回车，命令：create-react-app +项目环境文件夹名 7、在VSCode中打开项目文件夹 8、项目调试 npm start yarn start运行项目 npm run build yarn build 生成项目 安装cnpm 不安装npm的原因： 国内使用 npm 速度很慢，建议使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm:
Chat-react-socket-nodejs:使用socket.io开发简单聊天
03-22
在本文中，我们将深入探讨如何使用`socket.io`在React前端和Node.js后端之间构建一个简单的实时聊天应用。这个项目名为"Chat-react-socket-nodejs"，它整合了React、Node.js、socket.io以及相关的前端库，如react-...
react 部署nodejs
chongbeixie9244的博客
07-25 466
1、下载nodejs【https://nodejs.org/en/download/】 并安装 2、下载vccode 即 Visual Studio Code 【https://code.visualstudio.com/】并安装 3、vccode 安装汉化版插件 操作如...
NodeJS React 开发环境搭建
weixin_30240349的博客
10-27 213
1、首先需要安装NodeJS环境，下载NodeJS安装程序安装即可。 NodeJS下载地址：https://nodejs.org/en/download/ 2、安装NodeJS的web框架expressnpm install express-generator -g 3、创建项目 express studyReact 4、添加jsx引擎支持 np...
react+node部署
qq_52835624的博客
07-17 598
代码】react+node部署。
React@17.0.2上手及组件开发
你华还是你华
03-03 1237
这里写目录标题一、react上手1.1 React特性1.2 创建react项目1.3 编写react应用程序二、react组件开发2.1 class组件2.2 函数组件2.3 组件嵌套2.4 组件样式 一、react上手 1.1 React特性 本学习记录基于"react": “^17.0.2”。 1、声明式设计 react采用声明范式，可以轻松描述应用。 2、高效 react通过对DOM的模拟（虚拟dom），最大限度的减少与DOM的交互。 3、灵活 react可以与已知的库或框架很好的配合。 4、js
nodejs安装及多版本安装与TS环境搭建
07-31
在实际开发中，你还需要了解如何使用 Git 进行版本控制，如何配置 IDE（如 Visual Studio Code 或 WebStorm）以支持 TypeScript 开发，以及如何使用包管理器（如 npm 或 yarn）来安装和管理项目依赖。此外，学习 ...
使用Win10+Android+夜神安卓模拟器,搭建ReactNative开发环境
08-26
在本文中，我们将详细介绍如何在Windows 10操作系统上，结合Android环境和夜神安卓模拟器来搭建React Native开发环境。React Native是一个流行的JavaScript框架，它允许开发者使用JavaScript和React来构建原生移动...
NodeJsReactChatApp:使用NodeJS和React的简单聊天应用程序
05-18
部署过程中需要考虑服务器配置、环境变量设置以及静态资源的托管。 9. **测试**: 使用Jest和Enzyme等工具进行单元测试和集成测试，确保代码的质量和功能的正确性。 10. **持续集成/持续部署(CI/CD)**: 项目可能...
nodeJS 8.13.0-x64版本无需配置环境变量，下载即可安装，安装后默认路径安装即可运行
06-07
然而，对于 Node.js 的8.13.0-x64 版本，开发团队已经预先配置好了一切，使得用户只需下载 MSI 安装文件（如 `node-v8.13.0-x64.msi`）并进行常规安装，系统就会自动将必要的路径添加到环境变量中。这极大地降低了...
React自定义环境变量node、cross-env、webpack等方式不同环境配置命令整理
刻痕
02-17 4426
## React自定义环境变量node、cross-env、webpack等方式不同环境配置命令整理 方案： - 第一种：node 方式 - 第二种：cross-env 方式 - 第三种：webpack serve方式 - 第四种：webpack-dev-server 方式 - 第五种：
参考React Native官网搭建环境
hyc博客
09-13 533
由于node项目对自身版本有不同要求，我们通过nvm来管理node的版本，针对不同项目切换不同的node版本。1.安装nvm和nodeJS（React Native0.7要求Node版本大于14）以下步骤参考React Native官网环境搭建部分。3.安装Android Studio。2.安装JDK11并设置环境变量。
react学习总结（一）
Heidi
11-08 1024
react项目的搭建；react项目的核心文件
React 入门小册(一)安装和配置React开发环境
weixin_42657666的博客
03-15 247
在Windows或Mac上下载并安装Node.js之后，打开命令行或终端来验证是否已成功安装。输入node -v，如果显示版本号，则代表已成功安装Node.js。在创建一个新的React应用之前，我们还需要全局安装create-react-app插件（使用node）, 命令行输入。在开始开发React之前，需要安装Node.js和一个好的代码编辑器（比如Visual Studio Code）。这将创建一个名称为my-app的React应用程序，并启动开发服务器以在浏览器中运行react app.
在javascript中，全局安装的node_modules在那个文件夹下
热门推荐
我的博客简介
10-06 1万+
查看全部包
webpack 如何找到node_modules目录的对应的模块
既然青春留不住，还是做个大叔好!
07-27 4023
简言之 通过依赖包的package.json文件中的main属性指定的路径，找到对应的模块 在 Node.js 模块系统中，如果 require 的模块不是核心模块，而且没有 ‘./’ 之类的开头，那就需要从当前 package 的 node_modules 里面找，找不到就到当前 package 目录上层 node_modules 里面取… 一直找到全局 node_modules 目录。 这样找到的往往是文件夹，所以接下来就是处理一个文件目录作为 Node 模块的情况。如果文件目录下有 package
react项目中的node_modules文件的去处
weixin_30339969的博客
07-07 1013
每一个react项目都需要一个node_modules依赖包，但是这个依赖包貌似有点大，如果直接发布该react项目的话，会让该react项目加载变慢，一个非常好的处理方法： 在.gitignore文件中加入一行node_modules即可！！！ .gitignore文件可能在IDE里面看不到，可以在项目所在目录找到，一般在最外层就可以看到。 .gitignore文件的使用h...
压缩版node.js安装（修改npm安装目录）
Toozky的博客
10-24 331
压缩版node.js安装（修改npm安装目录） 安装node.js 官网下载node.js压缩版（.zip）安装包，最新版/LTS版本均可 node.js官网下载 解压安装至自定义目录，如D:\nodejs 设置环境变量 NODE_HOME D:\nodejs\ 系统环境path中添加 %NODE_HOME% 修改npm安装目录 在node.js安装目录下创建node_global_modules和node_cache目录 修改node_modules、node_cache路径 win+s 输
react之旅（二）react项目目录结构，创建组件，绑定数据
letianxf的博客
07-15 2184
本文主要讲解：React目录结构、React创建组件、 ReactJSX语法、 React绑定数据、React绑定对象 在上一篇中使用 npx create-react-app demo1命令创建了一个react项目，并且用npm start命令将react项目启动起来。 一、项目的目录结构 demo1 |--node_modules #npm 包的安装目录 |--public |--index.html #react项目的html文件 |... |--src #src目录，一般代码就放在
macOS nodejs安装及环境配置
最新发布
06-20
在MacOS上安装Node.js并设置环境，你可以按照以下步骤操作： 1. **检查已安装的Node.js版本**: 打开终端(Terminal)，输入`node -v`和`npm -v`来查看是否已经安装了Node.js和npm（Node包管理器）。如果已安装，会显示版本号。 2. **安装Node.js (如果未安装)**: 如果需要安装最新版本的Node.js，访问[Node.js官方网站](https://nodejs.org/)下载适用于macOS的安装包。运行下载的.pkg文件，按照安装向导进行安装。 3. **添加至PATH**: 安装完成后，Node.js会自动添加到系统的PATH中。但为了确认，你可以在终端输入`echo $PATH`，确认`usr/local/bin`在路径列表中。 4. **验证安装**: 使用`node -v`和`npm -v`命令再次检查安装是否成功。 5. **全局安装工具**: 如果想使用npm安装全局工具，比如`create-react-app`等，需要创建一个npm配置文件(~/.npmrc)添加`prefix = /usr/local/lib/node_modules`，这会使全局安装的包放在系统可访问的位置。 6. **初始化项目**: 使用`npm init`或`npx create-react-app my-app`来创建一个新的Node.js项目。 7. **配置环境变量**: 对于长期的环境配置，你可以编辑`~/.bash_profile`或`~/.zshrc`（取决于你的shell）添加`export PATH=$PATH:/usr/local/opt/node@version/libexec/bin`，其中`node@version`替换为你的Node.js版本。 8. **重启终端**: 为了使更改生效，执行`source ~/.bash_profile`或`source ~/.zshrc`。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值