摘要:
前言 经常需要新开项目,有些时候,安装依赖时很慢,所以都得配置一下镜像源,但是每次新开项目都配置以便,很麻烦,也记不全,这里特别开一个新帖,记录一下自己的一些依赖包用的镜像 可以使用nrm工具来管理自己的镜像源 正文 完整配置,持续更新中: registry=https://registry.npm 阅读全文
摘要:
前言 nuxt3 中获取后端数据总共有三个方法: useFetch() $fetch() useAsynData() 本篇教程就针对这三个方法的使用注意事项做一个记录 正文 通过useFetch()方法请求这个动作,在首次加载时,只在服务端执行一次,客户端是不执行得,客户端是直接使用拿到的数据地; 阅读全文
摘要:
前言 入行这么多年了,中间总是会用的一些技术,但是时间久了就忘记里,这里特意收录一下自己的技术栈 正文 Web 富文本编辑器 wangeditor 官网:https://www.wangeditor.com/ Markeown 编辑器 md-editor-v3 官网:https://imzbf.gi 阅读全文
摘要:
前言 正文 只需要这样就可以实现流失布局: //html <div class="container"> <div>item</div> ...... </div> // css 样式 .container { display: grid; grid-template-columns: repeat 阅读全文
摘要:
添加 .editorconfig 文件 # http://editorconfig.org root = true [*] charset = utf-8 indent_style = space indent_size = 4 end_of_line = lf insert_final_newli 阅读全文
摘要:
前言 安装依赖的工具有好几个,有时候我们在多个项目之间切换时,容易忘记,所以我们需要设置某个项目只能使用某一种依赖安装工具 正文 方案一(不推荐) 本方案仅供提示作用,并不会强制限制 首先项目根目录下新建一个 .npmrc 文件,内容为: engine-strict = true 然后修改项目的 p 阅读全文
摘要:
前言 为了保证项目呈现的一致性,web往往需要添加一个字体文件到项目中。这里推荐直接实现 @nuxtjs/google-fonts google 字体 官网 正文 安装配置依赖 安装依赖 yarn add -D @nuxtjs/google-fonts 配置依赖 // nuxt.config.ts 阅读全文
摘要:
前言 Nuxt Image附带了一个预配置的unjs/ipx实例。一个基于lovell/sharp的开源自托管图像优化器。 IPX是Nuxt Image的内置和自托管图像优化器。但是我在使用时却报了500的错误,下面分享一下解决问题的过程 正文 安装配置依赖 # 安装依赖 yarn add @nux 阅读全文
摘要:
前言 AutoAnimate是一个零配置,插入式动画实用程序,可以为您的Web应用程序添加平滑过渡。您可以将其与React,Solid,Vue,Svelte或任何其他JavaScript应用程序一起使用。 正文 安装依赖 # yarn yarn add @formkit/auto-animate # 阅读全文
摘要:
前言 layouts是Nuxt 提供了一个布局框架,用于将常见的 UI 模式提取为可重用的布局。本篇教程主要讲解一下layouts的一些基本概念 正文 layouts 是一个约定的文件夹名称,必须叫这个名称才能起作用 layouts文件夹中如果创建了 default.vue 这个文件, 则会给路由中 阅读全文
摘要:
安装依赖 yarn add -D sass 配置 如果你有公共的scss文件,则需要在nuxt的配置文件中添加scss: // nuxt.config.ts export default defineNuxtConfig({ // more css: [ // SCSS file in the pr 阅读全文
摘要:
前言 在这篇文章中,我们将介绍ESLint和Prettier,用于在Nuxt 3项目中自动设置代码样式格式。 配置自动设置代码样式有这些好处: 一致性:自动执行某种风格。特别是在代码审查中避免吹毛求疵的论点。 节省时间:无需手动格式化代码。 代码质量:捕捉代码中的潜在问题,例如语法错误和编码风格冲突 阅读全文
摘要:
前言 在windows中,有一个文件叫:快捷方式,作用是不用进入到某个文件后,再打开文件夹中的文件,可以把快捷方式放到桌面,然后直接打开某个软件。 同样的功能再mac中也有,只是换了一个名字:替身 制作替身也很简单,就是在想要制作替身的文件/文件夹右键,选择制作替身即可,替身文件图标都有一个箭头图标 阅读全文
摘要:
方案一:command 后缀方式 1、首先,编写 一个shell文件,比如 test.command #!/bin/bash echo "双击可执行" 2、给该文件添加权限,打开终端 chmod +x test.command 利用自带的【自动操作】软件将脚步封装成app 参考:https://ju 阅读全文
摘要:
前言 最近入坑草缸了,这里记录一下自己的购物清单 正文 物品 购买渠道 价格 备注 超白缸:603145 咸鱼 165 6毫米厚 前置过滤桶 咸鱼 40 森森 wf 603 过滤桶 咸鱼 178 创新CF800 水草泥 淘宝:尼特利旗舰店 131 尼特利 1代泥 火山石 咸鱼 13.8 2~3cm颗 阅读全文