Next.js+React进门记001【创建项目】

创建项目

yarn create next-app

What is your project named? my-app                                // 项目名
Would you like to use TypeScript? No / Yes                      // 是否使用 TypeScript，选 Yes。
Would you like to use ESLint? No / Yes                          // 是否使用 ESLint，选 Yes。
Would you like to use Tailwind CSS? No / Yes                    // 是否使用 Tailwind CSS，选 Yes。
Would you like to use `src/` directory? No / Yes                // 是否使用 src 作为根目录，选 Yes。
Would you like to use App Router? (recommended) No / Yes        // 是否使用 路由，选 Yes。
Would you like to customize the default import alias? No / Yes  // 是否需要 自定义默认导入别名；如果需要给项目根目录设置个别名，方便等项目目录层级深的时候引入，可以选择 Yes，我选了 Yes。
What import alias would you like configured? @/*                // 配置什么导入别名，就用它的默认推荐 @/*，后续可以根据自己喜好去 tsconfig.json 中修改设置多个

项目创建成功

PS C:\Users\Administrator\Desktop> cd my-app
PS C:\Users\Administrator\Desktop\my-app> yarn dev

查看效果