书架
✨

书架

=一个知识书库=

vite配置-整合Pinia进阶
817 字3 分钟

vite配置-整合Pinia进阶

> 特点: > > * 完整的 ts 支持 > * 三大核心：state（存储的值），getters（计算属性），actions也可支持同步（改变值的方法，支持同步和异步） > * 与vuex相比，去除了mutations（actions也可支持同步）和modules（只有store之间的互相引用） <!--more--> # 一、安装 ```bash yarn add pinia ``` # 二、使用 ## 1. 创建 pinia 实例 新建 `store/index.ts`（src目录下新建store文件夹，并创建index.ts文件）
技术设计,前端,vite
more...
vite配置-整合SCSS
209 字1 分钟

vite配置-整合SCSS

> 一款CSS预处理语言，SCSS 是 Sass 3 引入新的语法，其语法完全兼容 CSS3，并且继承了 Sass 的强大功能。 <!--more--> ## 1.安装依赖 ```bash npm i -D sass ``` ## 2.创建 `variables.scss` 变量文件 新建 `src/styles/index.scss` 添加变量 `$bg-color` 定义，注意规范变量以 `$` 开头 ```scss // src/styles/variables.scss $bg-color:#242424; ``` ## 3
技术设计,前端,vite
more...
vite配置-整合stylelint
139 字1 分钟

vite配置-整合stylelint

> [官网](https://stylelint.io/user-guide/get-started) ## 1.安装依赖 执行 ```bash pnpm create stylelint # or pnpm init stylelint ``` 将会生成`.stylelintrc.json`文件, 自动安装`stylelint`和`stylelint-config-standard`依赖 ## 2.安装规则配置文件 执行 ```bash pnpm add stylelint-config-recommended-less stylelint
技术设计,前端,vite
more...
vite配置-整合SVG图标
298 字1 分钟

vite配置-整合SVG图标

> 通过 [vite-plugin-svg-icons](https://github.com/vbenjs/vite-plugin-svg-icons) 插件整合 `Iconfont` 第三方图标库实现本地图标 > > 参考： [ vite-plugin-svg-icons 安装文档](https://github.com/vbenjs/vite-plugin-svg-icons/blob/main/README.zh_CN.md) <!--more--> ## 1.安装依赖 ```bash npm install -D fast-glob@3.2.11 npm
技术设计,前端,vite
more...
vite配置-整合UnoCSS
296 字1 分钟

vite配置-整合UnoCSS

> UnoCSS 是一个具有高性能且极具灵活性的即时原子化 CSS 引擎 。 参考：[Vite 安装 UnoCSS 官方文档](https://github.com/unocss/unocss/tree/main/packages/vite) <!--more--> ## 1.安装依赖 ```bash pnpm install -D unocss ``` ## 2.`vite.config.ts` 配置 ```typescript // vite.config.ts import UnoCSS from 'unocss/vite' import {
技术设计,前端,vite
more...