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

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

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

2、安装后增加两个文件夹目录node_global、node_cache

go 复制代码
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

go 复制代码
npm i -g create-next-app

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

go 复制代码
npx create-next-app myapp

6、启动刚刚创建的实例

go 复制代码
npm run dev

创建Next.js应用程序后,可以通过以下步骤打开并运行它:

‌进入项目目录‌:使用命令行工具(如终端或命令提示符)导航到创建的应用程序所在的目录。例如,如果你的应用程序名为my-app,你应该进入该目录。

‌启动开发服务器‌:在项目目录中,运行npm run dev命令。这将启动开发服务器,并在浏览器中打开应用程序,默认情况下,你可以在http://localhost:3000上访问它。

这个过程适用于大多数Next.js应用程序的启动,无论是通过create-next-app命令行工具创建的新项目,还是手动设置的项目。确保你的开发环境中已经安装了Node.js和npm(Node包管理器),因为这些是运行Next.js应用程序所必需的‌

相关推荐
Never_Satisfied1 分钟前
在JavaScript / HTML / Node.js中,post方式的Content-Type属性的text的三种编码
javascript·node.js·html
C2X10 分钟前
Vue3.0 学习总结
前端
汤姆Tom12 分钟前
CSS 新特性与未来趋势
前端·css·面试
尘世中一位迷途小书童12 分钟前
🚀 pnpm + Monorepo 实战指南:现代前端项目管理的最佳实践
前端·架构
杨超越luckly26 分钟前
HTML应用指南:利用GET请求获取全国中国建设银行网点位置信息
前端·arcgis·html·数据可视化·门店数据
王翼鹏28 分钟前
html 全角空格和半角空格
前端·html
敲代码的嘎仔29 分钟前
JavaWeb零基础学习Day2——JS & Vue
java·开发语言·前端·javascript·数据结构·学习·算法
CsharpDev-奶豆哥32 分钟前
jq获取html字符串中的图片逐个修改并覆盖原html的解决方案
前端·html
IT_陈寒1 小时前
Python性能优化:用这5个鲜为人知的内置函数让你的代码提速50%
前端·人工智能·后端
简小瑞1 小时前
VSCode源码解密:一行代码解决内存泄漏难题
前端·设计模式·visual studio code