I'm Koala

I'm Koala

NextJS开发MealPlanner项目-01-项目初始化

16
2025-07-29
  1. 先确保本地已安装NodeJS.

  2. 创建meal-planner目录并进入, 执行如下命令, 安装NextJS.

npx create-next-app@latest . 
  1. 参考下图进行选择, 确认使用TS、TailwindCSS、App Router等.

  2. 安装完毕后, 执行code . 打开VS Code.

  3. 删除public目录, 后续不会用到.

  4. 编辑src/app/globals.css文件, 仅保留导入tailwindCSS的内容, 其余全部删除, 如下图:

  5. 编辑src/app/page.tsx文件, 仅保留下图中的内容, 其余全部删除.

这样就完成了project initial.

  • 0