环境准备
安装 Node.js
前往 Node.js 官方网站 下载并安装最新的 LTS(长期支持)版本。 安装完成后,在终端或命令提示符中输入 node -v 和 npm -v,确保 Node.js 和 npm 已正确安装。 安装代码编辑器
创建 Nuxt.js 项目
-
使用命令行工具创建项目
打开终端,输入以下命令:
# 复制代码 npx create-nuxt-app my-nuxt-project # 这将启动一个交互式的项目创建过程。
-
配置项目 在创建过程中,会提示你选择一些配置:
- 项目名称:默认为 my-nuxt-project,你可以自定义。
- 编程语言:选择 JavaScript 或 TypeScript,初学者建议选择 JavaScript。
- 包管理器:选择 npm 或 yarn,根据你的喜好。
- UI 框架:如需要,可以选择 Element UI、Vuetify 等;否则选择 None。
- Nuxt.js 模块:常用的有 Axios、PWA 等,可根据需要选择。
- Linting 工具:建议选择 ESLint,有助于保持代码风格一致。
- 测试框架:初学者可以选择 None。
- 开发工具:根据需要选择。
-
启动项目 进入项目目录并运行开发服务器:
# 复制代码 cd my-nuxt-project npm run dev # 打开浏览器,访问 http://localhost:3000,你应该会看到 Nuxt.js 的欢迎页面。
大约 1 分钟