快速搭建一个Nuxt项目

最新推荐文章于 2025-04-26 23:29:24 发布

粽子师兄

最新推荐文章于 2025-04-26 23:29:24 发布

阅读量2.5k

点赞数

分类专栏： demo 文章标签： javascript 前端 NuxtJS

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/qq_45268602/article/details/126918182

版权

demo 专栏收录该内容

15 篇文章

订阅专栏

使用create-nuxt-app快速搭建一个nuxt项目

确保安装了 npx（npx 在 NPM 版本 5.2.0 默认安装了）：

在这里插入图片描述

设置项目名

在这里插入图片描述

设置编程语言

在这里插入图片描述

设置包管理

在这里插入图片描述

设置UI框架

在这里插入图片描述

添加 axios module 以轻松地将 HTTP 请求发送到您的应用程序中

在这里插入图片描述

添加 EsLint 以在保存时代码规范和错误检查您的代码，添加 Prettier 以在保存时格式化/美化您的代码

在这里插入图片描述

设置测试框架

在这里插入图片描述

选择你想要的 Nuxt 模式

在这里插入图片描述

设置部署目标

在这里插入图片描述

经过以上步骤后

在这里插入图片描述
请根据自己项目需要选择相应配置。

进入项目目录，执行npm run dev，即可启动项目
在这里插入图片描述
默认端口为3000

至此，初始化项目成功

在这里插入图片描述

后记：若想要在项目中使用预编译scss，可以选择安装如下版本

npm install --save-dev node-sass@4.12.0 sass-loader@8.0.2

更多配置及教程，请自行查阅官方文档NuxtJS

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。