自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

m0_56806442的博客

日常技术积累

  • 博客(5)
  • 收藏
  • 关注

翻译 Nuxt3 试水(五)之Assets

(用于Webpack)进行扩展,以处理其他类型的资产,如样式表、字体或SVG。Nuxt不会将assets/目录中的文件当成静态url,比如/assets/my-file.png。要在Nuxt组件样式中全局插入声明,可以在Nuxt.config文件中使用Vite选项。目录来存储这些文件,但此目录没有自动扫描功能,您可以使用任何其他名称。Nuxt使用两个目录来处理样式表、字体或图像等资产。文件,其中包含颜色变量,供您的Nuxt。目录中的图像文件,可在静态URL。在应用程序的代码中,您可以使用。

2022-11-01 19:51:48 1731

翻译 Nuxt3 试水(四)之views

你现在可以创建更多页面并且随着pages下面的文件的添加,他们的路径是动态生成的。layouts是包含多个页面的通用用户界面的页面的包装器,例如页眉和页脚显示。如果您的应用程序中只有一个布局,我们建议将app.vue与目录中创建这些组件,它们将在整个应用程序中自动可用,而无需显式导入它们。在哪里(通常创建Vue应用程序的文件)。如果您想创建更多布局并了解如何在页面中使用它们,请在。目录中的每个文件都代表显示其内容的不同路由。,并为应用程序的每个路由呈现其内容。

2022-11-01 19:31:50 196

翻译 Nuxt3 试水(三)之nuxt2升级到nuxt3

如果您希望逐步将Nuxt 2应用程序迁移到Nuxt 3,您可以使用Nuxt Bridge。Nuxt Bridge是一个兼容层,允许您使用Nuxt 2中的Nuxt 3功能,并具有选择加入机制。使用这些指南将您的Nuxt应用程序升级到Nuxt 3,或使用Nuxt Bridge朝这个方向迈出第一步。迁移指南提供了Nuxt 2功能与Nuxt 3功能的分步比较,以及调整当前应用程序的指导。如果您已经在使用Nuxt 3,并希望在发布前升级到最新版本或测试新功能,请前往。要将Nuxt 3升级到。

2022-11-01 19:02:35 2788

翻译 Nuxt3 试水(二)之项目配置

Nuxt默认配置已经涵盖了大多数场景。使用nuxt.config.ts文件可以覆盖或扩展此默认配置。文件位于Nuxt项目的根目录。一个最小的配置文件导出函数,其中包含一个带有您的配置的对象。defineNuxtConfig 帮助程序无需导入即可全局使用。可在查看对应配置。

2022-11-01 18:55:58 1790

翻译 Nuxt3 试水(一)之项目初始化

在Visual Studio Code中打开。* 如果您已经安装了Node.js,请使用。进行检查版本是否在16.11以上。的浏览器窗口应该会自动打开。打开终端(如果您使用的是。

2022-11-01 18:44:20 387 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除