step1 创建项目设置1.打开控制台并输入以下代码，从而创建 Next JS 项目样板并安装 TailwindCSS。 npx create-next-app -e with-tailwindcss nameoftheproject ，如图。2.输入cd nameoftheproject && code . （最后那个点别掉了，掉了打开的就是之前的项目）3.在控制台输入npm run dev ，如果电脑弹出防火墙，就点允许访问，不弹出也没关系。4.回到vscode，将index.tsx和_app.tsx的后缀改成.jsx，删除_app.jsx中报错的部分，如图。 或者直接粘贴下面的代码替换。import '../styles/globals.css' function MyApp({ Component, pageProps }) { return <Component {...pageProps} /> } export default MyApp step2 修改index.jsx代码1.这一步具体每行代码的意义可以到官方看，我这里放最终的代码，方便大家完成任务，...