Nuxt.js学习笔记

环境准备

安装 Node.js

前往 Node.js 官方网站 下载并安装最新的 LTS（长期支持）版本。 安装完成后，在终端或命令提示符中输入 node -v 和 npm -v，确保 Node.js 和 npm 已正确安装。 安装代码编辑器

创建 Nuxt.js 项目

1. 使用命令行工具创建项目

   打开终端，输入以下命令：

   # 复制代码
   npx create-nuxt-app my-nuxt-project
   # 这将启动一个交互式的项目创建过程。
   

2. 配置项目 在创建过程中，会提示你选择一些配置：

   • 项目名称：默认为 my-nuxt-project，你可以自定义。
   • 编程语言：选择 JavaScript 或 TypeScript，初学者建议选择 JavaScript。
   • 包管理器：选择 npm 或 yarn，根据你的喜好。
   • UI 框架：如需要，可以选择 Element UI、Vuetify 等；否则选择 None。
   • Nuxt.js 模块：常用的有 Axios、PWA 等，可根据需要选择。
   • Linting 工具：建议选择 ESLint，有助于保持代码风格一致。
   • 测试框架：初学者可以选择 None。
   • 开发工具：根据需要选择。

3. 启动项目 进入项目目录并运行开发服务器：

   # 复制代码
   cd my-nuxt-project
   npm run dev
   # 打开浏览器，访问 http://localhost:3000，你应该会看到 Nuxt.js 的欢迎页面。