摘要：
看了 wangeditor 的源码，发现是有 翻译支持的： 且内置了中英文： 那现在的问题就变成了如何使用，根据地址查看文档（https://www.i18next.com/overview/getting-started） 发现只需要下载并引入即可： 那本地 editor 就可以设置配置： imp 阅读全文
摘要：
管理系统离不开多 tab ，多 tab 页就有可能因为页数太多导致部分 tab 页被隐藏等功能异常。 这里记录个类似浏览器 tab 页功能样式，多 tab 页时采取压缩 tab 页宽度 及 文本超出 变为 ... 形式： <!DOCTYPE html> <html> <style type="tex 阅读全文
摘要：
浏览器默认的可选字体比较少，如果没有合适的则需要额外下载并引入。 一般使用 开源字体即可，商用需要花钱~ 将下载好的 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 搭建好初始项目后，直接配置路由： 门户路由： 登录： 后 阅读全文