Nuxt.js2生成vue2项目

 介绍：Nuxt.js 是一个基于 Vue.js 的框架，用于开发现代的 Web 应用程序，特别适合用于构建 服务器端渲染 (SSR) 和 静态网站生成 (SSG) 的应用。它使开发者能够快速构建高性能、SEO友好的应用，并且简化了很多配置和开发过程。

一、安装nvm来管理node.js版本

打开网址：nvm-windows 官方 GitHub 页面

（1）点击 nvm-setup.zip 文件进行下载

• 下载完成后，解压并运行 nvm-setup.exe 安装程序。
• 按照提示完成安装。安装过程中可以选择安装目录，默认目录是 C:\Program Files\nvm。

（2）配置环境变量：

安装完成后，系统应该自动配置好环境变量。如果没有配置，你可以手动将 nvm 路径添加到环境变量中。

1. 打开系统环境变量设置：

   • 右键点击“此电脑”或“计算机”，选择“属性”。
   • 选择“高级系统设置”。
   • 点击“环境变量”按钮。

2. 在“系统变量”部分，找到 Path 变量，点击“编辑”。

3. 在编辑窗口中，点击“新建”，并添加 nvm 安装目录（通常为 C:\Program Files\nvm）。

验证安装：

安装完成后，打开新的命令提示符窗口（确保环境变量已生效），然后输入以下命令来验证 nvm 是否安装成功：

（3）安装Node.js版本：

现在可以使用 nvm 来安装和管理不同版本的 Node.js。例如，要安装 Node.js 18，运行以下命令：

安装完成后，你可以选择使用安装的版本：

查看已安装的Node.js版本：

可以通过 nvm use 来切换不同版本的 Node.js

二、配置Nuxt.js

（1）创建Nuxt项目

它会让你进行一些选择。

（2）使用命令npm run dev运行项目

三、自定义Nuxt.js项目

（1）配置JS和CSS

（2）更改首页位置

（3）发布部署

Nuxt.js 提供了两种发布部署应用的方式：服务端渲染应用部署 和 静态应用部署。这里采用 服务端渲染应用部署。

依次执行两条命令：
npm install
npm run build

npm run start启动应用

效果：可以正常访问

完结撒花。