处理yaml文件

第一种方法这个很简单直接以import的形式引入,在后面加一个?raw,然后使用yaml模块进行解析即可 import config from '@/assets/managerCool.config.yml?raw' import {parse} from 'yaml' console.log(parse(config)) ...

前端进阶

文件上传完整流程

思维导图 构建前端1. 安装项目npm create vite@latest 相信大家运行个项目没啥问题吧,这里作者就不多费口舌了 2. 安装ant-design-vuenpm install ant-design-vue@4.x --save 不用安装这个也可以,但是要自己写前端上传代码,没必要,我们就站在巨人肩膀上就行 3. 引入ant-design-vue直接在main.ts中进行全...

前端进阶

解决vite+vue中别名问题

创建vite+vue项目npm create vite@latest 配置别名在vite.config.js中配置别名 import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' import path from 'path'...

前端进阶

npm创建vue项目

创建vue3项目npm init vue@latest npm init vue@latest 安装并执行 create-vue,它是 Vue 官方的项目脚手架工具。创建的 vue3 项目是基于 Vite 打包的。

前端进阶

在vscode中的使用sass插件

介绍Sass 是一款强化 CSS 的辅助工具,它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能,这些拓展令 CSS 更加强大与优雅。官网: https://sass-lang.com/ 在vscode中安装安装插件: Live Sass Compiler此插件可以直接将...

前端进阶
15678910