前言最近公司是要重构一下我们的SDK文档，之前是用的gitbook来生成的，效果掺不忍睹，样式不好看就不好说了，之前的老哥写得东西语法很乱，改起来很费解，索性就干脆来个大换血。之前有用过各种的文章博客框架，比如：大名鼎鼎的hexo，比较流行的docsify，以及Docute。但是效果都不是很理想。想着既要样式好看，告别千篇一律，更要结构清晰，语法简单，能够支持自定义，更加自由的文档框架。知道发现了
转载
2024-03-22 23:37:12
78阅读
1 什么是VuePress？vuePress是以vue驱动的主题系统的简约静态网站生成工具2 如何搭建？在官方网址上说的其实很清楚的，这边简要的说一下2.1 利用npm 安装 vuepress# 初始化 npm
npm init -y
# 安装
yarn global add vuepress # 或者：npm install -g vuepress
# 新建一个 docs 文件夹
mkdir
转载
2024-02-22 16:43:50
97阅读
序言目前无论笔记还是项目文档，大部分我都会通过 Markdown来记录，并且大部分文档写完都只存在自己电脑上，每次查找起来都需要耗费一些时间自己的写的一部分技术教程由于初次记录时了解知识不多，内容存在偏差或考虑不全面，后面需要修订和再加工过程，因此创建一个随时可查看，可编辑补充的文档知识库对我来说尤为得较为重要。想法不落实于行动，毕竟还是想法，于是网上查阅了创建文档库的相关资料，分为以下几类：1，
转载
2024-08-01 15:38:43
102阅读
给大家推荐一个免费部署个人博客的方案。使用vuepress+github托管+vercel。vercel我们可以使用vercel进行部署，vercel和github actions很相似，都是通过将博客的所有必须文件（包括package.json,docs等）push到github的某个仓库仓库中，然后在vercel中创建一个项目，导入此仓库，之后的一切就交给vercel去做了并且vercel还能
VuePress 由两部分组成：一部分是支持用 Vue 开发主题的极简静态网站生成器，另一个部分是为书写技术文档而优化的默认主题。在VuePress应用的目录里面，一个.md文件可以生产一个.html文件，文件夹目录下默认访问README.md文件，也就相当于目录下的index.html，所以本地测试环境访问的链接如：http://localhost:8081/bar/barOne.html。确保
转载
2024-04-02 22:11:09
130阅读
先创建我们的vue项目，然后进入到项目文件my-app中。vue create my-app关于写文档我们使用 vuepress，因为它可以在 Markdown 中使用 Vue 组件。在文档中演示组件的效果非常方便，类似于 element-ui 这样的文档。npm install vuepress在当前目录建相关文件，详细的配置说明可以参考官方文档：vuepress.cn.
├─ docs
│
转载
2024-08-05 21:54:14
37阅读
一，本地搭建快速开始同 VuePress 官网：1，创建新文件夹并进入mkdir vuepress-test
cd vuepress-test2,初始化项目yarn init 或者npm init3, 安装VuePressyarn add -D vuepress 或者 npm install -D vuepress4，Vuepress默认以docs作为根目录，所以README.md是主页新建doc
转载
2024-03-26 10:49:27
402阅读
在前端开发领域，高效、灵活且易用的UI组件是项目成功的关键因素之一。今天，我要向大家推荐一个创新的Vue.js组件库——。这款开源工具专门用于构建流程图和工作流，它将帮助开发者快速创建出美观且功能丰富的流程应用。项目简介Vue Super Flow是一个基于Vue 3的可拖拽、可配置的流程图组件，支持多种节点类型、连接线样式，还提供丰富的API和自定义选项。通过这款组件，你可以轻松地为你的应用添加
目录一、项目介绍二、用脚手架生成vue项目三、修正项目结构四、跑通一个demo五、卡片组件的设计与代码编写六、测试组件的功能七、前端模块化八、webpack打包js文件九、Gulp打包css十、将组件库发布到npm十一、测试发布后的组件库十二、搭建组件库文档站点十三、将项目部署到GitHub一、项目介绍所需要的技术：二、用脚手架生成vue项目1、安装脚手架npm install -g @vue/c
转载
2024-06-12 09:38:10
353阅读
vuepress 实用插件这些插件都是官方提供的，有些在我们实用默认主题的时候已经安装了，不需要再单独安装，有些插件需要我们单独安装。具体请看下面的介绍默认主题自带的插件@vuepress/plugin-active-header-links@vuepress/plugin-nprogress@vuepress/plugin-searchvuepress-plugin-containervuepr
转载
2024-03-16 10:11:54
277阅读
一.前言VuePress 是尤雨溪推出的支持 Vue 及其子项目的文档需求而写的一个项目，UI简洁大方，官方文档详细容易上手二.搭建：1.新建一个工程目录为project可以手动右键新建，也可以使用下面的命令新建文件夹：使用git bash终端 $ mkdir project2. 全局安装VuePress$ 
转载
2024-04-25 09:12:13
101阅读
前言VuePress 由两部分组成：一个以 Vue 驱动的主题系统的简约静态网站生成工具，和一个为编写技术文档而优化的默认主题。它是为了支持 Vue 子项目的文档需求而创建的。致力于轻量级的文档框架，是基于vue之上的二度开发，但是在使用的时候也遇到过不少的问题，下面小谭鸡米花就把我在开发过程中遇到的常见问题列举出来，希望对大家有所帮助。1.动态文档实际开发中，会遇到多个文档的情况，要求提供一个侧
转载
2024-04-09 00:30:43
122阅读
历经网上各种教程，实践之后进行总结记录，免得隔天就忘。 文章目录前言1.VuePress使用（不使用vuepress的可以跳过）2.Github Actions 自动部署（详细）部署过程：配置deploy.yml补充：ACCESS_TOKEN的创建补充：获取DEPLOY_PRIVATE_KEY的方式：两个插件的地址：非自动部署到github，本地自动构建（deply.sh配置） 前言记录一下这几天
转载
2024-07-22 10:34:54
100阅读
vuepress安装时遇到的问题首先需要安装nodejs，然后打开dos窗口，转换到nodejs路径下npm install -g vuepress运行上边的命令后报了一大串npm WARN deprecated ***，然后运行vuepress -v提示vuepress不是内部命令之类的，说明没安装成功看了很多文章没有找到适合的解决方案就根据log里看到的路径C:\Users\Administr
最近在学习一些vue方面的知识，遇到了点vue权限的问题，不过经过小猿圈web前端讲师的解答，终于是得到了解决，所以今天绝对把握遇到的问题也分享给大家，希望能帮助大家。
权限问题解决思路对于一个前后端分离的项目而言，权限不再是仅仅靠后端来控制，后端只能控制接口的权限，前台的页面显示还是需要我们来控制，针对vue的项目，首先我想的是当权限不多，并且都是单个权限的情况下，我们完全没有必要
项目背景：登录的时候，后端在返回token的同时还一并返回用户的登录权限，且我司返回的是一串数组，里面的内容对应每个要显示的路由，没有admin之类的权限。实现流程（具体看代码，超级详细）:改变路由结构，分为constantRoutes(静态路由) 和 asyncRoutes(动态路由)给每个路由赋予角色开始实现动态加载啦实现过程遇到的bug：登录后刷新，页面变成空白。(已解决，将拿到的角色存储在
转载
2024-10-30 08:19:34
95阅读
文章目录 前言
一、组件是什么？它的特点和好处分别是什么？二、使用步骤
1.新建组件2.引入组件3.注册组件4.使用组件 前言本文章简述了 vue 中的组件概念 ，以及怎么使用组件 。 简单易懂 提示：以下是本篇文章正文内容，下面案例可供参考一、组件是什么？可复用的vue实例。一个组件就是一个从TComponent派生出来的特定对 &n
一.vue开发插件后台界面wordpress本身自带jquery环境，php也可以写html代码，从而展示前端页面。但是jquery有一些过时了，不太适合现在数据驱动开发，使用vue可以更快更好的迭代。如上图所示，vue-cli开发的界面可以应用在插件界面中。二.设置管理菜单在插件的index.php中（入口文件）// 后台菜单初始化时创建自定义菜单
add_action('admin_menu'
这里简单介绍通过VuePress构建项目在线文档。 一、VuePress官方地址： https://vuepress.vuejs.org/zh/一个Vue 驱动的静态网站生成器，以 Markdown 为中心的项目结构。VuePress 有很多优点：界面简洁优雅容易上手（半小时能搭好整个项目）更好的兼容、扩展 Markdown 语法 二、开始搭建# 1. 创建并进入一个
转载
2024-04-25 05:48:09
1048阅读
1.Vue的键盘事件中的keyup与keydownvue对原生js中的键盘事件进行了封装onkeyup => keyuponkeydown => keydown我们可以借助他们对元素进行键盘事件的监听<div id="#app">
<!-- keyup触发键盘事件 -->
<input type="text" @keyup="fun">
