NUXT3学习笔记1

隔壁老王小媳妇

已于 2023-08-01 14:04:27 修改

阅读量145

点赞数

文章标签：学习笔记

于 2023-07-17 09:16:30 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_41013537/article/details/131758956

版权

使用npxnuxiinit命令初始化Nuxt3项目，接着通过npminstall或yarninstall安装依赖。完成安装后，运行npmrundev或yarndev启动开发服务器。访问http://localhost:3000/即可查看默认欢迎页面。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

安装Nuxt 3

npx nuxi init <project-name>

安装依赖项：

npm install
yarn install

运⾏ Nuxt3，安装完成后，您可以使⽤以下命令运⾏ Nuxt3：

npm run dev
yarn dev

然后，在浏览器中访问 http://localhost:3000/，您应该可以看到Nuxt3应⽤程序的默认欢迎⻚⾯

关注博主即可阅读全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

隔壁老王小媳妇

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

大前端学习 -- NuxtJS学习笔记

爱玲姐姐的博客

09-30

1827

NuxtJS学习笔记文章内容输出来源：大前端高薪训练营代码仓库地址：https://gitee.com/jiailing/nuxtjs-demo，在多个分支里都有代码一、Nuxt.js是什么一个基于Vue.js生态的第三方开源服务端渲染应用框架它可以帮我们轻松的使用Vue.js技术栈构建同构应用官网：https://zh.nuxtjs.org/ Github仓库：https://github.com/nuxt/nuxt.js 二、Nuxt.js的使用方式初始化项目已有的Node.j

nuxt.js学习笔记（超级全）

你爹的博客

07-14

1517

平平无奇小菜鸡写的平平无奇小笔记

参与评论您还未登录，请先登录后发表或查看评论

Nuxt3项目搭建（Nuxt3+element-plus+scss详细步骤）

热门推荐

m0_48489737的博客

10-14

2万+

本次记录一次使用Nuxt3搭建前端项目的过程，内容包含Nuxt3的安装，基于Vite脚手架（默认）构建的vue3项目，element-plus的安装配置（可选），scss的安装（可选），目录结构的创建和解释。项目搭建前，可以先了解一下 Nuxt3：《5分钟全面认识上手Nuxt3》

nuxt3 一套适配移动端web端 nuxt3一套代码写官网

weixin_49230250的博客

07-04

6837

nuxt3 一套代码适配 web端移动端

nuxt3官网搭建，适配pc和移动端支持一键切换中英文，使用pinia和持久化插件

weixin_49781735的博客

11-15

4286

nuxt3官网搭建，适配pc和移动端中英文切换，pinia持久化

Nuxt3配置本机IP 和端口（配置）访问页面

qq_44776454的博客

11-01

2761

Nuxt3配置本地IP访问启动的项目页面

宝塔部署Nuxt3项目（https）

jproud_96的博客

01-17

3091

之前在服务器搭建的项目都是用http的，但是一般来说都要换成https；因为https比http更加安全，数据不再是明文传输，更不容易被攻击/被第三方广告光顾；所以就有了将http换成https的想法

Vue服务器渲染Nuxt学习笔记

11-29

然后去Vue.js 服务器渲染指南和nuxt官网看了看，发现文章大多都是搬运官网的内容，真正讲的清晰明了的很少。所以想写篇文章学习下SSR，希望能够帮助大家快速理解Vue SSR。什么是SSR？ SSR，即服务器渲染，就是在...

nuxt3+Element Plus项目搭建过程记录

最新发布

Liu

05-28

1408

nuxt3 + ElementPlus项目搭建过程记录

12 nuxt3学习（配置）

yunbabac的博客

03-02

3255

Nuxt3 是基于 Vue3 + Vue Router + Vite 等技术栈，全程 Vue3+Vite 开发体验（Fast）。自动导包：Nuxt 会自动导入辅助函数、组合 API和 Vue API ，无需手动导入。基于规范的目录结构，Nuxt 还可以对自己的组件、插件使用自动导入约定式路由（目录结构即路由）：Nuxt 路由基于vue-router，在 pages/ 目录中创建的每个页面，都会根据目录结构和文件名来自动生成路由。

nuxt3项目部署到宝塔面板node项目

Warminlove的博客

09-14

1734

有时候我们会有测试环境，予发布环境，正式环境，这个时候怎么进行环境的区别呢？当然是通过配置环境变量。.env.development 、.env.production、 .env.test等。同时在部署项目的时候，往往会自定义端口，nuxt3默认为3000，但是如何自定义呢？官方文档只是简单介绍了运行时的默认值为3000，并没有详细说怎么去自定义。

nuxt3问题记录

RainHg的博客

11-09

3899

Nuxt伪静态；安装nuxt3报错 Failed to download template from registry: fetch failed；使用document或window；nuxt3引入swiper并使用；使用百度地图；No match found for location with path "xxx"；Component is missing template or render function；加载loading动画

JS常用时间操作moment.js参考文档

路漫漫其修远兮吾将上下而求索

06-09

6937

javascript时间操作,moment.js

开源项目 Nuxt3框架模板 time-nuxt3-template 前后端能力时光小灶

时光小灶的博客

03-31

1637

Nuxt3框架模板 time-nuxt3-template 前后端能力时光小灶

Nuxt3稳定版+naive-ui项目开发

qq_38661597的博客

12-29

4514

nuxt3稳定版+naive-ui项目构建,ssr,nuxt3的使用，nuxt.config的配置，nuxt环境变量的配置，nuxt数据请求的封装，api的统一管理。naive-ui在ssr下的使用

nuxt安装运行npm run dev时报错解决

txwsmsm7023_的博客

08-03

2778

在nuxt安装完成之后，我们运行npm run dev 时会报如下的错误，查了好久都说是babel版本不兼容的问题，但是我卸载安装好几次还是失败，后来找到了一篇说是安装的nuxt版本太新会有问题，所以先卸载安装一个只之前的版本先卸载nuxt :npm uninstall nuxt 安装指定版本：npm install nuxt@1.4.2 再次运行 npm run dev 就可以啦 ...

nuxt框架前后端登录注册功能实现(三)

six_teen的博客

09-17

1550

登录核心代码： //调用接口发起登录请求 login.loginUser(this.user) .then(response => {//返回code为100代表成功 if (response.data.code === 100) { //第二步，利用js-cookie把获取的token放到cookie中去 //第一个参数:给cookie取个变量名，第二个参数:cooki

13 nuxt3学习（新建页面内置组件 assets 路由）

yunbabac的博客

03-02

2773

nuxt3新建页面内置组件 assets 路由

nuxt 项目 npm run dev 启动不了

Zson_bai的博客

05-25

3765

错误日志： Microsoft Windows [版本 10.0.15063] (c) 2017 Microsoft Corporation。保留所有权利。 C:\Users\Administrator\Desktop\package\pc>npm run dev > jihe@1.0.0 dev C:\Users\Administrator\Desktop\package\pc > nuxt npm ERR! code ELIFECYCLE npm ERR! errno 32212