如何创建一个nextjs app?

快速开始:

npx create-next-app myblog
Bash

注意,项目名称不能用大写,比如Myblog,我也不知道为啥有这么奇葩的规定。

官方说明:

https://nextjs.org/docs/pages/api-reference/create-next-app

从模版创建:

npx create-next-app@latest nextjs-blog --use-npm --example "https://github.com/vercel/next-learn/tree/master/basics/learn-starter"
Bash

注:—use-npm 指用npm安装依赖包,默认是yarn

其他模版:

https://github.com/vercel/next.js/tree/canary/examples

与tyscript同时创建:

npx create-next-app --typescript myblog
Bash

与tailwindCSS同时创建:

npx create-next-app --tailwind myblog
Bash

包含tailwindcss模版:

npx create next-app --example with-tailwindcss my-project
Bash

创建后再安装tailwindcss:

https://www.showwcase.com/show/15201/create-a-web-project-using-nextjs-typescript-tailwind-css

进入文件夹:

cd myblog
Bash

测试:

npm run dev
Bash

测试网址:

打开 http://localhost:3000 页面,查看效果,相当 beautiful。

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注