nuxt3

pm2部署nuxt3项目

pm2部署nuxt3项目阅读时长：8分钟本文内容：本文其实前面开发AI数字人网站的延续。
ifredom_·2023-09-01 07:12

Nuxt3 + Naive UI 的SSG项目分享（二）

配置文件nuxt.config.tsNuxt3可以用一个nuxt.config文件轻松配置，该文件的扩展名可以是.js、.ts或.mjs配置参考：import{defineNuxtConfig}from'nuxt'import{loadEnv}from'vite'interfaceVITE_ENV_CONFIG{VITE_NODE_ENV:string,VITE_APP_BASE_API:stri
海棠疏雨htsy·2023-08-31 13:13

Nuxt3 + Naive UI 的SSG项目分享（一）

搭建Nuxt3项目分享Nuxt3自从Vue3发布后，学习Vue3就形成了一个趋势和热潮。
海棠疏雨htsy·2023-08-31 13:43

Nuxt3+Vite+Pinia+Element plus 快速开发模版&部署

目录前言一、初始化项目二、项目目录简介三、主要功能点Layout布局路由（需注意nuxt2与nuxt3是有区别的）compositables方法自动导入plugins需要运行的JS插件useFetch请求封装四
alun.zhang·2023-08-31 13:11

Nuxt3正式版发布，教你用vite+nuxt+pinia+vueuse搞定前端SSR项目

大厂技术坚持周更精选好文前言翘首期盼，终于终于，稳定版的Nuxt3它来了，它带着六亲不认的步伐走过来了~11月16日，全球最大的Nuxt会议NuxtNation2022在线举行，并正式发布了Nuxt.js3.0
徐小夕@趣谈前端·2023-08-31 13:06

初次使用Nuxt3脚手架遇见的问题

关于Nuxt概念在了解Nuxt之前，我们先来了解一下创建一个现代应用程序，所需的技术：支持数据双向绑定和组件化（Nuxt选择了Vue.js）。处理客户端的导航（Nuxt选择了vue-router）。支持开发中热模块替换和生产环境代码打包（Nuxt支持webpack5和Vite）。兼容旧版浏览器，支持最新的JavaScript语法转译（Nuxt使用esbuild）。应用程序支持开发环境服务器，也支持
阿泽不会飞·2023-08-29 14:26

Vue 3 和 Nuxt 3 的特性

Vue3和Nuxt3的特性Vue3是Vue.js的最新版本，它在坚持了Vue.js的简约、灵敏、易用的特性的同时，引入了许多新的特性和改良，如：组合式API：一种新的编写组件逻辑的方式，能够更好地组织和复用代码
·2023-08-18 16:26

Nuxt3_1_路由+页面+组件+资源+样式 使用及实例

1.2环境搭建安装项目：npxnuxi@latestinit[first_nuxt3]进入项目目录：cd[first_nuxt3]安装依赖：npminstall启动项目：npmrundev–-o至此，一个nuxt3
fighting Ably!·2023-08-17 09:19

前端食堂技术周刊第 93 期：7 月登陆 Web 平台的新功能、Node.js 工具箱、Nuxt3 开发技巧、MF 重构方案

美味值：口味：橙橙冰萃美式食堂技术周刊仓库地址：https://github.com/Geekhyt/weekly大家好，我是童欧巴。欢迎来到前端食堂技术周刊，我们先来看下上周的技术资讯。技术资讯Deno八月更新Deno1.36更灵活的权限控制、DenoDeploy可过滤、搜索的持久化日志、Fresh1.3路由组件简化。VSCode发布July2023(version1.81)Svelte的新功能
童欧巴·2023-08-08 12:55

【nuxt3】nuxt3页面跳转过渡效果实现

NUXT3系列文章目录【nuxt3】项目中使用svg7步带你了解https://blog.csdn.net/weixin_49014702/article/details/128414398?
前端 小羽ゞ·2023-07-31 21:14

nuxt3初始化项目后配置eslint+prettier

1、安装eslint、eslint-config-prettier、eslint-plugin-prettier、prettierarnaddeslinteslint-config-prettiereslint-plugin-prettierprettier-Deslint-config-prettier：关闭eslint中与prettier相互冲突的规则。eslint-plugin-pretti
隔壁老王小媳妇·2023-07-29 00:33

NUXT3学习笔记2

1、配置AntdesignVue(两个安装方式随便选一种，yarn会安装的更快)npmiant-design-vue--saveyarnaddant-design-vue2、使⽤的Vite，你可以使⽤unplugin-vue-components来进⾏按需加载。yarnaddunplugin-vue-components--save在nuxt.config.ts中引⼊importComponent
隔壁老王小媳妇·2023-07-29 00:02

NUXT3学习笔记3

⾸先我们先看⼀下项⽬⽬录：project-name├──node_modules├──public│└──favicon.ico├──app.vue├──nuxt.config.ts//Nuxt3项⽬的配置
隔壁老王小媳妇·2023-07-29 00:02

nuxt3新建项目报错 nuxi init Failed to download template from registry

Error:Failedtodownloadtemplatefromregistry:requesttohttps://raw.githubusercontent.com/nuxt/starter/templates/templates/v3.jsonfailed,reason:connectECONNREFUSED0.0.0.0:443node需要是16版本以上，只需要设置dns114.114.
zhongli_·2023-07-28 06:33

nuxt3 fullpage.js踩坑， fullpage.js 全屏滚动

nuxt3fullpage.js踩坑，fullpage.js全屏滚动,fullpageisunderfind我用的是@nuxt3.6.11.引入fullpage.js(3.0.1),下载地址github链接，下载后放到assets文件下app:{head:{script:[{src:'/assets/fullpage.js',type:"text/javascript",body:true}],}
一头小绵羊·2023-07-22 14:56

2-《手把手教您使用Nuxt3框架(Nuxt3中文开发教程)》初识Nuxt3

《手把手教您使用Nuxt3框架(Nuxt3中文开发教程)》全文电子档将分章节陆续在“nuxt”微信订阅号原创发布，敬请关注。
DVTOP·2023-07-22 13:51

nuxt3 如何监听路由变化？

nuxt3如何监听路由变化？
一头小绵羊·2023-07-22 13:20

基于nuxt3的语雀文档批量导出

项目由来语雀是一个不错的笔记与文档知识库，但是最近发现他开始割韭菜了，知识库的公开开始收费，就想着把内容都导出自己来部署，发现并没有批量操作，amazing，不过还好有api，那就来造一个批量导出吧技术栈由于CORS，这里选了nuxt3
forguo·2023-07-17 22:44

Nuxt3 components公共组件

1.目录结构效果实现：写一个公共的right组件，在index和about页面同时引用它2.index页面引入index页面显示效果about页面引用及效果
键指江湖·2023-07-16 09:11

Nuxt3数据获取

在服务端获取数据因为Nuxt3是SSR的方案，所以你可能不仅仅只是想要在浏览器端发送请求获取数据，还想在服务器端就获取到数据并渲染组件。
GUOZHUOYUE.·2023-07-16 04:11

Nuxt3引入Element-plus和sass

1.引入Element-plus打开编辑器终端运行npminstall@element-plus/nuxt或者命令行cd到项目文件运行npminstall@element-plus/nuxtpackage.json文件会出现使用Element-plus在nuxt.config.ts文件添加代码exportdefaultdefineNuxtConfig({devtools:{enabled:true
键指江湖·2023-07-14 01:45

Nuxt3学习总结（05）

nuxt.config.ts配置详解nuxt.config.ts文件中常见配置选项：importtype{NuxtConfig}from'nuxt';constconfig:NuxtConfig={//全局页面标题:https://go.nuxtjs.dev/config-headhead:{title:'MyApp',meta:[{charset:'utf-8'},{name:'viewport
叶落风尘·2023-06-22 19:07

Nuxt3学习总结（02）

默认资源目录在Nuxt.js中，资源文件包括样式表、字体、图片、视频、音频等文件都可以放在public目录下。当应用启动时，Nuxt.js会将public目录下的所有文件复制到应用的根目录下，这样这些文件就可以像其他资源文件一样被引用了。同时，public目录下的文件请求路径为/，不需要加上目录名。除了public目录，Nuxt.js还提供了一个特殊的目录assets，这个目录用来存放应用的公共资
叶落风尘·2023-06-21 15:12

Nuxt3学习总结（04）

状态管理useStateuseState是一个ssr友好的ref替换,用于创建响应式的且服务端友好的跨组件状态,它的值将在服务器端呈现之后保存(在客户端hydration作用期间)，并使用唯一的键在所有组件之间共享。因为useState中的数据将被序列化为JSON，所以它不包含任何不能序列化的内容，例如类、函数或符号，这一点很重要。useState()的两种用法，一个接收提供初始值的工厂函数，另一
叶落风尘·2023-06-21 15:12

Nuxt3学习总结（03）

defineEventHandlerdefineEventHandler是一个函数，用于定义可复用的事件处理器函数。在Vue或Nuxt.js应用中，通常会定义一些事件处理器函数，以便在不同的组件中重复使用。这些处理器函数可能会接收一些参数，然后根据参数执行相应的逻辑。使用defineEventHandler可以让我们更方便地定义和管理这些事件处理器函数。它接收两个参数：logic:这是一个函数，用
叶落风尘·2023-06-21 15:11

Nuxt3实战系列之网络请求篇

Nuxt3提供了4种方式使得我们可以异步获取数据useAsyncDatauseLazyAsyncData（useAsyncData+lazy:true）useFetchuseLazyFetch（useFetch
前端码农小王·2023-06-20 19:29

nuxt3学习（上）

目录结构.nuxtNuxt使用.nuxt/目录在开发中生成您的Vue应用程序。整个目录将在运行nuxtdev时重新创建。.output目录Nuxt在为生产构建应用程序时创建.output目录,整个目录将在运行nuxtbuild时重新创建。assets目录assets/目录用于添加构建工具(webpack或Vite)将处理的所有网站资源，包含css、img、font等components目录comp
叶落风尘·2023-06-16 13:38

Nuxt3学习总结（01）

起步1、安装NuxtnpxnuxiinityarninstallyarndevSSR、SWR和staticSSR、SWR和static都是前端开发中的概念SSR(ServerSideRendering)是一种服务端渲染技术，它可以将数据从服务器传递到客户端，然后在客户端上进行渲染。与SWR不同的是，SSR可以在服务器端生成HTML代码，然后将其发送到客户端进行呈现。这种技术可以提高网站的性能和SE
叶落风尘·2023-06-16 13:38

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

小聊：本次记录一次使用Nuxt3搭建前端项目的过程，内容包含Nuxt3的安装，基于Vite脚手架（默认）构建的vue3项目，element-plus的安装配置（可选），scss的安装（可选），目录结构的创建和解释
白忆宇·2023-06-13 08:05

nuxt 安装 element-plus

(1099条消息)Nuxt3项目搭建（Nuxt3+element-plus+scss详细步骤）_白忆宇的博客-CSDN博客https://blog.csdn.net/m0_48489737/article
vegetari·2023-06-13 08:03

nuxt3项目在宝塔上使用pm2放到服务器

最近在将nuxt3项目扔到服务器上的时候遇到了一些问题，发现打包后的nuxt项目与正常的vue文件有些差别，缺失了index.html文件。
略略大魔王丶·2023-06-10 08:01

16 nuxt3学习 （状态管理 集成element plus）

useStateNuxt跨页面、跨组件全局状态共享可使用useState（支持Server和Client）useState(init?:()=>T|Ref):RefuseState(key:string,init?:()=>T|Ref):Refkey:一个唯一的键，确保跨请求正确地去重复数据获取。如果您没有提供密钥，那么将为您生成一个唯一的文件和useState实例的行号的密钥。init:在未启动
是云呀！·2023-06-09 15:16

15 nuxt3学习（获取数据）

获取数据$fetchuseAsyncDatauseFetchuseLazyFetchuseLazyAsyncData这些函数只能用在setuporLifecycleHooks中。1.$fetchserver与client都会发送网络请求（有重复发送缺点，建议使用nuxt提供的hook）//1.使用$fetch来发起网络请求//serverandclient$fetch(BASE_URL+"/hom
是云呀！·2023-06-09 15:46

初识nuxt3

开始使用安装//使用npx创建脚手架npxnuxiinitcd//安装node_moduleyarninstall//启动yarndev-o自动导入Nuxt自动导入辅助函数、可组合函数和Vueapi在应用程序中使用，而无需显式导入它们。基于目录结构，每个Nuxt应用程序还可以对自己的组件、可组合组件和插件使用自动导入。组件、可组合组件或插件可以使用这些功能。在文档中，没有显式导入的每个函数都是由N
叶落风尘·2023-06-08 09:53

Nuxt3从零开始配置与打包发布

Nuxt3是基于Vue3的一个开发框架，基于服务器端渲染SSR，可以更加方便的用于Vue的SEO优化。
范特西_jay·2023-04-20 13:37

Nuxt3项目从零开始开发

之前讲过Nuxt3项目新建和配置：《Nuxt3从零开始配置与打包发布_nuxt打包发布_范特西_jay的博客-CSDN博客》本篇文章主要讲解一些nuxt3的基本功能。
范特西_jay·2023-04-20 13:35

Nuxt3实战系列之了解Nuxt3的渲染模式

在nuxt3上，这三种渲染模式也得以保留，而且还新增了一种hybird模式，也就是可以按路由分别设置渲染模式。1.纯客户端渲染开箱即用，一个传统的在浏览器（或客户端）中被渲染的Vue.js应用程序。
·2023-04-20 13:50

开源个人博客搭建只需三分钟Nuxt3+vite+mysql+koa2搭建

最近也是想入一下Nuxt3的坑，然后就写了一个博客系统，目前已开源github，欢迎大家star！！！
小张很嚣张～·2023-04-18 01:37

vue3+vite+ts+koa2构建vue3 SSR项目

去年对我司技术栈升级到Vue3之后，萌生了对SSR项目升级到Nuxt3的想法，奈何当时Nuxt3还不稳定，不建议在生产环境使用。于是打算自己搭个Vue3SSR服务出来。
sanstu·2023-04-18 01:36

三分钟搭建个人博客技术栈Nuxt3+vite+mysql+koa2

最近也是想入一下Nuxt3的坑，然后就写了一个博客系统，目前已开源github，欢迎大家star！！！
小张很嚣张～·2023-04-18 00:33

Nuxt3中的中间件-middleware

参考：nuxt3中间件(middleware)详解-简书nuxt3中间件(middleware)详解在项目中有时候需要在网站切换路由的过程中添加一些自定义的逻辑，比如权限什么的。
疆~·2023-04-15 01:30

nuxt3 useFetch封装一个api接口http请求 - 解决刷新页面useFetch无返回

项目中封装接口请求，并且解决刷新页面useFetch无返回数据问题刷新页面useFetch无返回数据问题：浏览器刷新的时候页面没有显示数据，接口data无返回。本身nuxt的useFetch在参数不变的情况下，数据是不会重新从后台接口去请求数据的，会直接拿上一次的结果。但是有实时去后台获取数据这样的需求，比如我的关注页面，在其他页面点了关注，每次进这个页面或者刷新都需要去后台重新获取数据，所以我给
王小王和他的小伙伴·2023-04-12 19:16

nuxt3 布局，iOS Safari 的 100vh 问题，兼容PC端移动端iOS

原先需求要求是顶部和底部是由中间内容撑开的，但是有的页面没内容就撑不开，一开始使用min-height:calc(100vh-410px);但是在iOS手机端下出现问题，所以修改为：监听视口高度，然后给减去头部和底部固定的高度，即可onMounted(()=>{constappHeight=()=>{constdoc=document.documentElement;doc.style.setPr
王小王和他的小伙伴·2023-04-12 19:45

nuxt3 vue 让PC网站在手机上按比例缩小适应屏幕

直接代码：nuxt3：nuxt.config.jshead:{meta:[{name:"viewport",content:"width=device-width,initial-scale=0,user-scalable
王小王和他的小伙伴·2023-04-12 19:45

Nuxt3遇见的坑（二）：Nuxt3 引入swiper

Nuxt3遇见的坑（二）：Nuxt3引入swiper网上查了很多方法都不好使，最后看文档摸索了一个先安装swiper，我的版本是6.0.0-alpha.18yarnaddswiper在组件中引用importSwiper
王阿白·2023-04-12 19:44

nuxt3：swiper实现轮播效果

一、背景nuxt3项目使用swiper实现轮播图效果。
snow@li·2023-04-12 19:43

nuxt3 + pinia + swiper +element-plus + less + 腾讯地图 创建项目及使用

先说优点1、基于Vue3：Nuxt3是基于Vue.js3开发的，Vue.js3是目前最流行的前端框架之一。
王小王和他的小伙伴·2023-04-12 19:37

nuxt3 + ts + vue3 + axios + vant + element-plus + sass + pinia vue3服务端渲染，从构建到部署，兼容pc+移动端

简介：该教程兼容pc+移动端，如只需一端，可忽略兼容部分教程，根据需要运行的客户端构建项目nuxt3：https://www.nuxt.com.cn/docs/guide/directory-structure
局外人LZ·2023-04-12 03:29

12 nuxt3学习（配置）

链接:nuxt3官网nuxt简介vue3技术栈：Nuxt3是基于Vue3+VueRouter+Vite等技术栈，全程Vue3+Vite开发体验（Fast）。
是云呀！·2023-04-10 21:45

Nuxt3 + Naive UI 的SSG项目分享（三）

入口文件app.vue最初启动的项目中，在入口文件app.vue中，我们可以看到页面引入组件NuxtWelcome：它是Nuxt3项目安装时默认引入的欢迎页的组件，我们可以在node_modules@nuxt
patricks_star·2023-04-10 21:15
上一页 1 2 3 4 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他