当前位置：首页 > news >正文

node.js npm 安装和安装create-next-app -windowsserver12

news 2025/6/25 0:11:54

1、官网下载windows版本NODE.JS

https://nodejs.org/dist/v20.17.0/node-v20.17.0-x64.msi

2、安装后增加两个文件夹目录node_global、node_cache
在这里插入图片描述

npm config set prefix "C:\Program Files\nodejs\node_global"
npm config set prefix "C:\Program Files\nodejs\node_cache"
npm list - global  // 查看目录是否已经修改

3、配置检查镜像站配置
命令: npm config get registry //检测配置镜像
npm info create-next-app//查看是否能获取 create-next-app信息
npm list -global //查看 global 目录

注意，此时，默认的模块D:\nodejs\node_modules 目录
将会改变为D:\nodejs\node_global\node_modules 目录，
如果直接运行npm install等命令会报错的。
在这里插入图片描述

4 、配置环境变量

增加环境变量
内容: D:\nodejs\node_global\node_modules //配置在 NODE_PATH
在这里插入图片描述

注意，一下操作需要重新打开CMD让上面的环境变量生效）

5、安装create-next-app

npm i -g create-next-app

使用create-next-app脚手架创建next应用程序：

npx create-next-app myapp

6、启动刚刚创建的实例

npm run dev

创建Next.js应用程序后，可以通过以下步骤打开并运行它：
‌进入项目目录‌：使用命令行工具（如终端或命令提示符）导航到创建的应用程序所在的目录。例如，如果你的应用程序名为my-app，你应该进入该目录。
‌启动开发服务器‌：在项目目录中，运行npm run dev命令。这将启动开发服务器，并在浏览器中打开应用程序，默认情况下，你可以在http://localhost:3000上访问它。
这个过程适用于大多数Next.js应用程序的启动，无论是通过create-next-app命令行工具创建的新项目，还是手动设置的项目。确保你的开发环境中已经安装了Node.js和npm（Node包管理器），因为这些是运行Next.js应用程序所必需的‌

查看全文

http://www.lryc.cn/news/447954.html