1 创建nextjs项目
创建nextjs项目需要安装nodejs,这里就不展开了。
输入以下命令创建一个nextjs项目:
npx create-next-app@latest
然后按照下面的说明创建nextjs项目
√ What is your project named? test # 这里是你项目的名称,会在运行上述命令的文件夹下创建一个项目名称的文件夹,之后也是项目目录
√ 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 your code inside a `src/` directory? ... No / Yes # 是否将源代码放在src目录,建议Yes
√ Would you like to use App Router? (recommended) ... No / Yes # 是否使用App Router,建议Yes
√ Would you like to use Turbopack for `next dev`? ... No / Yes # 是否使用Turbopack,可以Yes也可以No
√ Would you like to customize the import alias (`@/*` by default)? ... No / Yes
Creating a new Next.js app in E:\ProgramSpace\DailyProgramming\nextjs\test.
等待项目创建完成,此时你可以删除src的默认文件获取一个空白的nextjs项目。
2 安装项目依赖
进入到你的项目目录,使用以下命令安装项目依赖
npm install
3 运行项目
在项目目录下,运行以下命令可以在本地运行项目
npm run dev
本文作者:StubbornHuang
版权声明:本文为站长原创文章,如果转载请注明原文链接!
原文标题:独立开发 – 创建一个空白的nextjs项目
原文链接:https://www.stubbornhuang.com/3141/
发布于:2025年03月19日 23:10:30
修改于:2025年03月19日 23:10:30
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
评论
56