103 字 1 分钟

项目新加入下载的阿里图标 iconfont 无法改变颜色问题 解决方法： 打开 svg 文件，搜索 “fill=”，将 svg 标签上的 fill 属性改为为 fill="currentColor"，或者删除掉
1.6k 字 1 分钟

作为一名 前端切图仔 ，在日常工作中，我们不可避免地需要开发各种 管理系统 。每次启动新项目并 搭建框架 都费时费力，这严重影响了我们的摸鱼时间。

为了解决这个问题，今天我为大家分享 8 个基于 Vue3 + Vite + TypeScript + Naive UI 的开箱即用的 中后台 模板，帮助大家提高开发效率，轻松享受摸鱼时光！

3.7k 字 3 分钟

Vue 中的插槽相信使用过 Vue 的小伙伴或多或少的都用过，但是你是否了解它全部用法呢？本篇文章就为大家带来 Vue3 中插槽的全部用法来帮助大家查漏补缺。

853 字 1 分钟

ECMAScript 提案 Top-level await 由 Myles Borins 提出，它可以让你在模块的最高层中使用 await 操作符。在这之前，你只能通过在 async 函数或 async generators 中使用 await 操作符。Top-level await 是个新特性，打包不支持此特性。

所以在 js 文件中直接写 await，在打包时会报错：

Top-level await is not available in the configured target environment, “edge88”, “es2019”, “firefox78”, “safari13.1”)

3.4k 字 3 分钟

使用 vite 创建项目完成后会自动生成 一个 vite.config.js 代码如下：

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
export default defineConfig({
 plugins: [vue()],
})
当以命令方式运行 vite 时，vite 会自动解析项目根目录下 vite.config.js 的文件。配置不全时，在开发环境下运行都是正常的，但是打包上线的时候就会出现各种问题。如：
  • 假设不配置 base 时，打包之后，访问时出现白屏。
  • alias 不配置的时候，每次引入文件需要找根目录，比较麻烦。
   313 字  1 分钟
# defineProps is not defined 问题描述 'defineProps' is not defined.eslint no-undef 解决方案 根据 Eslint 官方解决方案描述，解析器使用 vue-eslint-parser v9.0.0 + 版本 安装 vue-eslint-parser 解析器 npm install -D vue-eslint-parser .eslintrc.js 关键配置 ( v9.0.0 及以上版本无需配置编译宏 vue/setup-compiler-macros ) 如下 ： parser:...
   20k 字  18 分钟
# 1. 初始化项目
# 1.node 版本要求
node：v18.19.0
# 2.vscode 插件安装
Vue - Official，Prettier - Code formatter，ESlint
提示：确保开发vue2时的Vetur插件禁用

# 3. 创建项目
npm create vite@latest vite-vue-ts-seed -- --template vue-ts
提示：vscode 在文件中通过鼠标右击，选择使用... 格式化文档，将 prettier 插件设为默认值
# 4. 安装项目依赖
yarn
   2.9k 字  3 分钟
# vite 导入导出报 require is not defined
当前使用 Vite 做为开发构建工具，而 Vite 默认不支持使用 require 方式进行模块导入导出
可以使用 vite-plugin-require-transform 插件来处理
  1. 安装 npm install vite-plugin-require-transform
  2. 在 vite.config.js 中添加
import requireTransform from "vite-plugin-require-transform";
plugins: [
    requireTransform({
      fileRegex: /.js$|.vue$/,
    }),
  ],