名字不好起啊

摘要： 浏览器默认的可选字体比较少，如果没有合适的则需要额外下载并引入。 一般使用 开源字体即可，商用需要花钱~ 将下载好的 ttf 格式字体放入项目下文件夹： 样式文件中增加配置：(main.css) 即可看到效果：（左为默认，右为江城圆体） 字体网： https://www.qiuziti.com 阅读全文

摘要： 为了方便阅读和维护，代码规范还是有必要的 1、安装：npm i eslint --save-dev 2、配置 .eslintrc.cjs 文件，增加 rules： rules: { 'semi': ['warn', 'always'], // 分号结尾 'no-console': 'warn', / 阅读全文

摘要： 门户网站的新闻、公告等文章，内容可配置，故引入 wagneditor 1、安装： npm i wangeditor 2、方便调用，抽成组件： <template> <div ref='editor'></div> </template> <script setup> import { ref, on 阅读全文

摘要： 奈何 element 自带的图标太少，不够用，故打算使用 vite-plugin-svg-icons 组件来封装 svg-icon 。 ps: ui 框架选用的 element-ui，为了能跟 vue3 更好的结合，还得装个 element-plus。 首先就是安装：npm install vite 阅读全文

摘要： 在后端接口没做好之前，为了更好的模拟接口返回，引入 mockjs。 它可以拦截 ajax 请求，生成伪数据。 1、安装： npm i mokjs -D、npm i vite-plugin-mock -D 2、在 vite.config.js 中引入 viteMockServe，mockPath 即为 阅读全文

摘要： 引入 pinia 来方便处理全局变量。 npm install pinia 1、创建 pinia 2、main 中引入（我这里是直接写的 index，所以导出的是 stores） 3、定义变量 使用： 注： 开发门户项目过程中，遇到了多个路由使用复用同一个页面的情况，内容显示标题为跳转携带参数传递， 阅读全文

摘要： 路由配好了，需要调试下 build 后是否可用，这时我们需要一个服务端来运行静态网页。 官网直接下载一个 windows 版本的 ngnix 即可： http://nginx.org/en/download.html 下载解压后： 命令行到此路径，启动 ngnix： 默认 80 端口： 常用配置在 阅读全文

摘要： 从 0 到 1搭建门户网站，记录一下。 因为需求不大，所以比较简单，门户和后台管理直接一个项目出来，路由配置则想的是： 1、门户，用 /portal 标识 2、后台管理，用 /admin 标识 3、登录，用 /login 标识 vue-cli 搭建好初始项目后，直接配置路由： 门户路由： 登录： 后 阅读全文

摘要： 1、直接绑定 v-model，但是 Props 要固定为 modelValue 组件D： 注意这里的 Props 和 Emits，必须使用 Vue 提供的 defineProps() 和 defineEmits()。 如果父组件想要使用 v-model 直接绑定，则需要使用与 modelValue 阅读全文

摘要： 安装必要的依赖： 调用： 效果： 阅读全文