Nextjs学习入门 - 创建第一个项目

1 通过npx创建一个nextjs项目 

通过命令创建：

npx create-next-app@latest

得到如下项目结构图：

my-app
 - src //源代码目录
    - app //引用目录
      - favicon.ico //网站图标
      - globals.css //全局css
      - layout.tsx  //布局文件
      - page.tsx    //页面  路径"/"
 - next.config.mjs  //next配置
 - package.json     //包配置
 - tailwind.config.ts //tailwind配置
 - postcss.config.mjs //postcss配置
 - tsconfig.json    //项目配置文件，包括编译选项、代码检查

2 项目结构

目录：

app	应用路由器
pages	页面路由器