nodejs下载+react安装

一、nodejs安装

1、nodejs下载

具体安装可参考连接:2023最新版Node.js下载安装及环境配置教程(非常详细)从零基础入门到精通,看完这一篇就够了_nodejs安装及环境配置-CSDN博客

下载地址:Node.js — 下载 Node.js®

测试安装是否成功:

node -v     // 显示node.js版本
npm -v      // 显示npm版本

2、环境配置

找到安装的目录,在安装目录下新建两个文件夹[node_global]和[node_cache]

创建完毕后,使用管理员身份打开cmd命令窗口,输入

npm config set prefix “你的路径\node_global” (复制你刚刚创建的“node_global”文件夹路径)

npm config set prefix "D:\develop\Node.js\node_global"

npm config set cache “你的路径\node_cache” (复制你刚刚创建的“node_cache”文件夹路径)

npm config set cache "D:\develop\Node.js\node_cache"

3、配置环境变量

【此电脑】-单击右键-【属性】-【高级系统设置】-【环境变量】

在【系统变量】中点击【新建】

变量名:NODE_PATH

变量值:C:\Program Files\nodejs\node_global\node_modules

然后你就会发现【node_global】里多出了一个【node_modules】文件夹

Ps: 如果输入变量值之后没有自动创建【node_modules】文件夹,就在【node_global】下手动创建一个【node_modules】文件夹,再复制你创建的【node_modules】文件夹的路径地址到变量值

编辑【用户变量】中的【Path】

将默认的 C 盘下【 AppData\Roaming\npm 】修改成 【node_global】的路径,点击确定

在【系统变量】中选择【Path】点击【编辑】添加【NODE_PATH】,随后一直点击【确定】

4、测试

npm install express -g   // -g代表全局安装

出现以下界面即为配置成功

5、安装淘宝镜像

PS: 这里好像镜像和之后用的有些差别,大家可以搜搜别的镜像

npm config set registry https://registry.npm.taobao.org

查看是否成功:

npm config get registry

二、react安装、启动

使用 Create React App:使用 Create React App 脚手架来创建一个新的 React 项目。使用以下命令:

npx create-react-app my-app

方法一:

进入项目目录:创建完成后,进入你的新项目目录:

cd my-app
npm start

方法二:

用vscode打开创建的“my-app”文件夹,然后从终端处启动。

相关推荐

  1. 服务器上面安装nodejs react

    2024-07-22 23:50:03       48 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-22 23:50:03       52 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-22 23:50:03       54 阅读
  3. 在Django里面运行非项目文件

    2024-07-22 23:50:03       45 阅读
  4. Python语言-面向对象

    2024-07-22 23:50:03       55 阅读

热门阅读

  1. Discord机器人与Webhooks:构建实时交互

    2024-07-22 23:50:03       14 阅读
  2. 防火墙的经典体系结构及其具体结构

    2024-07-22 23:50:03       12 阅读
  3. ArcGIS Pro SDK (九)几何 8 线段

    2024-07-22 23:50:03       14 阅读
  4. 数据库之字符集

    2024-07-22 23:50:03       10 阅读
  5. WHAT - React Context 两层组件的优化机制

    2024-07-22 23:50:03       16 阅读
  6. Codeforces 923 div3 A-G

    2024-07-22 23:50:03       8 阅读
  7. go语言UTC时间转换为中国时间

    2024-07-22 23:50:03       11 阅读
  8. 《Nginx核心技术》第04章:生成缩略图

    2024-07-22 23:50:03       14 阅读
  9. 大模型日报 2024-07-22

    2024-07-22 23:50:03       15 阅读
  10. 超市111

    超市111

    2024-07-22 23:50:03      15 阅读
  11. PHP 快速入门:构建动态网站的基础

    2024-07-22 23:50:03       14 阅读
  12. 2024年7月16日~2024年7月22日周报

    2024-07-22 23:50:03       18 阅读