问题使用vuepress写文档网站，为了实现element-ui类似的组件预览效果，项目里面将ant-design-vue和基于ant-design-vue的自己封装的组件引入项目中，开发环境能正常运行。当运行Build打包后，报错：error Error rendering /:方案1经查询vuepress github issuse 得到的答案是，vuepress是服务端渲染的，浏览器的 AP
转载
2024-09-03 16:45:10
97阅读
# 如何实现 Vuepress 右侧
## 引言
Vuepress 是一个基于 Vue 的静态网站生成器，它能够快速方便地搭建文档网站。在 Vuepress 的文档网站中，右侧通常会有一个侧边栏或者导航栏，用于展示文档的目录结构，方便用户快速导航。本文将介绍如何使用 Vuepress 实现右侧导航栏的功能。
## 流程图
```mermaid
flowchart TD
A[准备工作]
原创
2024-01-10 03:53:38
211阅读
首先，我们先看下阿里云的导航菜单的样式,对这个样式有一个了解。这个菜单,类似于那种树形菜单,用v-for循环就行了这样的菜单,可以看下这个Vue + ElementUI 手撸后台管理网站基本框架(三)登录及系统菜单加载###首先,我们的数据模式要可配的,使用json数据格式,用递归实现menuList: [
{
label:
转载
2024-09-08 19:04:04
73阅读
Vue Router 的导航守卫是一组函数，用于在路由发生变化时控制路由的导航。这些函数可以在导航到某个路由之前、之后或是取消导航时执行特定的逻辑。应用场景有 诸如路由鉴权、路由切换动画、数据预取等功能。全局前置守卫在路由切换之前进行一些操作，例如验证用户的登录状态、权限控制、数据预加载等。前置守卫的应用场景如下：登录验证：可以使用前置守卫来验证用户是否已经登录。例如，如果用户未登录，则导航到登录
1. Mock.js 前后端分离开发开发过程当中，经常会遇到以下几个尴尬的场景： 1. 老大，接口文档还没输出，我的好多活干不下去啊！ 2. 后端小哥，接口写好了没，我要测试啊！ 前后端分离之后，前端迫切需要一种机制，不再需要依赖后端接口开发，而今天的主角mockjs就可以做到这一点 Mock.js是一个模拟数据的生成器，用来帮助前端调试开发、进行前后端的原型分离以及用来提高自动化测试效率。 众所
menu导航菜单组件预览地址组件之间的通信 <x-menu :selected.sync="selected"
>
<x-sub-menu name="extension">
<template slot="title">扩展</template>
&l
目录结构认识npm包管理器目录结构认识node_modulespublicsrcassertscomponentsApp.vuemain.js.browserslistrc.eslintrc.js.gitignorebabel.config.jspackage.jsonpackage-lock.jsonvite目录结构介绍 npm包管理器目录结构认识这是使用@vue/cli初始化的项目结构，no
写在前面： 最近公司在做微信公众号的开发，我的任务是在微信服务号中嵌套第三方页面，也就是公司自己负责的页面，技术我选的是vue，应为在之前的开发经历中并没有使用过vue，这也是一次新的尝试，当然在开发过程中会遇到一系列之前没有遇到的问题，不过这不是重点，只要有解决问题的那一刻就非常心满意足了。因为vue的特性，页面与页面之间是通过路由的改变来请求aj
转载
2024-09-25 14:03:51
192阅读
最近准备对前端知识做一个梳理，将自己的平时遇到的问题和解决方案形成一个知识文档。本文记录了搭建 VuePress 的主要过程，同时也提供了部分自定义的配置环境搭建VuePress 有着比较完善的中文文档，我们可以直接参照文档搭建，首先确保电脑上已经安装了 Node.js 并且版本号不小于 8.6# 检查 Node.js 版本号
node -v建立一个文件夹用来搭建 VuePress, 例如我的 V
转载
2024-09-26 10:22:19
43阅读
vuePress博客搭建指南需要node环境和npm支 如果不会安装npm请转到：安装指引vuePress概述Vue 驱动的静态网站生成器 基于markdown语法生成网页 可自定义和扩展样式 可以发布至github 详情请看官网 vuepress安装初始化全局安装更改npm默认下载路径 为taobao源npm config set registry https://registry.npm.ta
转载
2024-04-12 20:20:41
101阅读
使用VuePress快速搭建博客最近我在3A平台购买了服务器，准备搭建一个博客。VuePress介绍VuePressVuePress官网https://www.vuepress.cnVuePress指南https://www.vuepress.cn/guide…VuePress安装安装前请安装 Node.jsNode.js下载地址http://www.nodejs.com.cn你可以在一个硬盘创建
转载
2024-06-18 14:05:11
80阅读
基本配置细节首页配置 首页配置文件是doc目录下的README.md文件，以下是一个如何使用的例子：---
home: true
heroImage: /hero.png
heroText: Hero 标题
tagline: Hero 副标题
actionText: 快速上手 →
actionLink: /zh/guide/
features:
- title: 简洁至上
detail
转载
2024-08-14 13:36:46
162阅读
vue 项目文件详细介绍build : 里面是对 webpack 开发和打包的相关设置，包括入口文件、输出文件、使用的模块等；config : 主要是指定开发和打包中的静态资源路径、要压缩的文件类型、开发使用的端口号、开发使用虚拟服务器跨域请求 api 等。node_modules: 项目的依赖库；src ： 我们主要操作的地方，组件的增加、修改等都在这个文件夹里操作；assets: 放置静态资源
转载
2024-06-09 19:31:50
83阅读
项目搭建
#安装vuepress第一步就是进行vuepress进行安装: 如果使用npm来安装, Node.js版本需要 >=8 才可以yarn global add vuepress # 或者：npm install -g vuepress#注意如果你的现有项目依赖了 webpack 3.x，推荐使用 Yarn而不是 npm 来安装 VuePress。因为在这种情形下，npm 会生成错误的
vuepress官网 vuepress是尤大开发来写文档的静态页面。可以用Markdown 语法，并且也可以使用vue模块化的方式开发页面。vuepress-theme-reco 是另外的开发者开发的 vuepress主题。本文将介绍依赖这个主题，构建GitHub pages静态博客的详细过程 提前说明：本过程比较详细，相当于手把手的教，针对于不熟悉vuepress的
转载
2024-03-12 12:29:32
74阅读
这里使用了主题reco,并且使用音乐播放插件，看板娘插件，全文检索插件，评论插件，复制代码插件等等。基础配置创建目录并初始化,初始化后会生成一个package.json文件mkdir vuepressBlog
cd /vuepressBlog
npm init -y下载vuepressnpm install -g vuepress创建docs目录，并在该目录下创建.vuep
转载
2024-04-03 13:16:42
97阅读
转载
2024-06-03 17:57:21
271阅读
建立自己的个人独立博客已经将近七年时间。从一开始的 WordPress 到更换轻量级的 Ghost 博客，又到 JAMStack 的 VuePress ，xlbd.me 也见证了我从一名后端开发者转型成为一名前端开发者。时至2020，我仍然对前端技术有着痴迷的热情和动力驱使我去发现和学习更有趣、更前沿的前端新技术。新的博客主题折腾了几个月了，才于今天(2020-06-01)正式发布。送给我自己这个
写在前面这里我用的是vuepress-theme-reco主题，可以先康康我的博客Landscape in the Mist，如果你喜欢这个主题的话再继续看下去叭！其实我搭建这个博客用了不止一个小时，中间踩了很多坑，不过大都是由于没仔细看文档导致的，大家一定有问题先看文档! vuepress-theme-reco, VuePress搭建步骤初始化这里推荐用yarn，我最开始用的是npm，但是不知道
转载
2024-05-10 18:25:03
210阅读
目录一、Vue-CLI 项目搭建1、node环境介绍解释型语言和编译型语言文件防篡改校验（拓展）2、nodejs 解释器环境安装3、项目的创建创建vue项目使用什么？vue-cli安装步骤4、使用vue-cli创建项目方式一方式二二、vue项目目录介绍打开项目运行项目vue 项目目录介绍三、es6导入导出语法3.1 App.vue,main.js写了什么3.2 导入导出语法3.3 vue项目编写步
