不啰嗦直接上代码1.安装vue插件 v-viewernpm install v-viewer2.在vue的mian.js里面引入Viewerimport 'viewerjs/dist/viewer.css'
import Viewer from 'v-viewer'
Vue.use(Viewer)
// 这里是插件的默认设置
Viewer.setDefaults({
z
VuePress 由两部分组成：一部分是支持用 Vue 开发主题的极简静态网站生成器，另一个部分是为书写技术文档而优化的默认主题。它的诞生初衷是为了支持 Vue 及其子项目的文档需求。每一个由 VuePress 生成的页面都带有预渲染好的 HTML，也因此具有非常好的加载性能和搜索引擎优化（SEO）。同时，一旦页面被加载，Vue 将接管这些静态内容，并将其转换成一个完整的单页应用（SPA），其他的
转载
2024-05-05 21:54:18
158阅读
预览效果开始搭建前置环境需要node环境和npm支持，这里不做讲解如果不会安装npm请转到：安装指引
vuePress概述Vue 驱动的静态网站生成器基于markdown语法生成网页可自定义和扩展样式可以发布至github详情请看官网vuepress
安装初始化全局安装$ npm install -g vuepress创建个文件夹作为目录$ mkdir vuepress-blog
# 该目录作为整
使用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阅读
推荐一款优雅高效的VuePress主题：VuePress Theme Aurora aurora-blog项目地址:https://gitcode.com/gh_mirrors/vu/vuepress-theme-aurora 是一个基于 VuePress 构建的精美且功能强大的主题，旨在提供更优质的阅读和开发体验。项目简介VuePress Theme Aurora 主题的设计理念是“极简、优雅、
转载
2024-10-24 17:00:15
33阅读
环境安装nodejs: https://nodejs.org/en/, 版本不能太高(>= 8.6即可) 安装git: https://git-scm.com/Hello Worldvuepress官网: https://www.vuepress.cn/ 第3步需要等待下载依赖. 1~3步完整命令:zichen@DESKTOP-3176F4L MINGW64 ~/Desktop
$ mkdi
转载
2024-07-09 19:57:07
39阅读
前言作为一个想成为前端工程师的大龄熊孩子，自学前端的日子已经挺久了。然后自学的时候特想拥有一个自己的个人网站、个人博客之类的。有一天我在用vue + elementUi + koa2 + mongoDB搭建我期待已久的个人博客的时候。突然我想了一件事情，我究竟为什么要为了写个博客去用这么多技术栈呢？于是乎懒癌发作，于是我找到了这个东西，就是VuePress。1. VuePressVuePress是
转载
2024-06-04 13:21:22
198阅读
Ⅰ、什么是vitepress ? vitepress 使用场景简单的说 ，只要 会用 markdown 语法，就能构建自己的 「博客、笔记、使用文档」等系统 ；✨ vitepress 优势优势介绍傻瓜式操作只需要配置 菜单 和 对应的 markdown 就能实现博客、笔记等系统 自由性能优势基于 vue3 和 vite 超快的启动速度，和更小的打包体积「相比vue2 的 vuepress 更具有优
入门演示1.创建页面，初始化vue；2.{{}}获取显示数据；<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>测试</title>
<script src="node_modules/vue/dist/vu
github仓库地址：https://github.com/18518300669/JackTeslaBlogVuePress中文网：http://caibaojian.com/vuepress/guide/介绍VuePress 由两部分组成：一个以Vue 驱动的主题系统的简约静态网站生成工具，和一个为编写技术文档而优化的默认主题。它是为了支持 Vue 子项目的文档需求而创建的。由 VuePres
前言前些天我突然想搞个个人博客，自己搞网站觉得太麻烦，百度来百度去好像hexo很不错。可是不知道为啥，我搞了一个星期都没搞出来，不是这错就是那错。怎么分类，怎么管理标签又是一塌糊涂，文档写起来又很麻烦。然后我就放弃了。没过多久我就了解到还有一个东西叫vuepress。虽然现在马上要9102年了，可是我vue还没用过几次。于是我决定拿这个项目练练手，顺便学习下vue。事实证明这又是一次踩坑，不过结果
VuePress介绍 VuePress 由两部分组成：第一部分是一个极简静态网站生成器，它包含由 Vue 驱动的主题系统和插件 API，另一个部分是为书写技术文档而优化的默认主题，它的诞生初衷是为了支持 Vue 及其子项目的文档需求。 每一个由 VuePress 生成的页面都带有预渲染好的 HTML，也因此具有非常好的加载性能和搜索引擎优化（SEO）。同时，一旦页面被加载，Vue 将接管这些静态内
转载
2024-04-04 19:39:49
53阅读
在软件开发领域，技术的日新月异使得我们需要不断学习和掌握新的技能。其中，Vue.js和VuePress是两个备受关注的工具。Vue.js是一款流行的JavaScript框架，而VuePress则是一个由Vue驱动的静态站点生成器。将VuePress集成到Vue项目中，可以让我们更轻松地创建和管理文档。本文将探讨如何在Vue项目中集成VuePress，并从容应对软考中的相关考点。
一、VuePre
原创
2023-11-10 13:54:35
335阅读
产生原因：目前使用Vue的Web应用越来越多，包括很多手机App都使用Vue来开发前端。但是使用官方的vue-cli webpack仅仅是单页面，一个大一点的项目一个页面往往是不够的。那么vue-cli能不能支持多Html页面呢？答案是可以的，那就需要我们去改动一下webpack的配置。 简介：我把它取了个名字叫做vue-webpack-multipage，顾名思义：vue基于webpa
转载
2024-10-16 10:33:29
62阅读
“组件”是 Vue 中比较基础的概念，但我发现，许多同学对 Vue 组件的概念和由来并不是清楚。因此，我希望通过这个专题，带大家换个角度来分析，最终让大家更清楚组件开发。首先，我们先不谈组件，我想问大家一个问题：我们平常用任何编程语言写方法（method）的时候，当一个方法里的逻辑过多时，我们会怎么办？当多个方法里有很多相似的逻辑时，我们该怎么办？答案很明了：拆分成一个独立的方法。如果拆分后还是有
vuepress官方教程，em...也是用vuepress搭建的，哈哈。这句很经典，也是表明了vuepress最好的用处：VuePress 专注在以内容为中心的静态网站上，同时提供了一些为技术文档定制的开箱即用的特性。使用这个框架，不需要服务器，不需要空间，只要有支持pages的git托管仓库就可以搭建一个技术文档站点，任性！当然你也可以放到自己的服务器上直接作为静态网站使用，无所谓。我这里使用的
Ant Design Vue 是一个基于 Vue.js 的 UI 组件库，它提供了丰富的组件和样式，可以帮助开发者快速构建漂亮、易于使用的 Web 应用程序。VuePress 是一个静态网站生成器，它使用 Vue 组件和 Markdown 文件来创建文档网站。本文将介绍如何使用 Ant Design Vue 和 VuePress 来创建一个漂亮的文档网站。
首先，我们需要安装 Ant Desig
原创
2024-01-13 01:35:30
204阅读
文章目录零、Demo地址一、开通阿里云服务器1.1 购买服务器1.1.1 去哪购买？1.1.2 如何购买？1.2 配置服务器1.2.1 需要的信息1.2.2 配置安全组二、VuePress的安装2.1 VuePress2.2 安装VuePress2.2.1 安装Node.js2.2.2 安装VuePress程序三、VuePress的配置3.1 基本配置3.2 基本配置补充3.3 主页配置3.4 可
一、描述 Vue 组件生命周期组件的调用顺序都是先父后子,渲染完成的顺序是先子后父。 组件的销毁操作是先父后子，销毁完成的顺序是先子后父。加载渲染过程
父beforeCreate->父created->父beforeMount->子beforeCreate->子created->子beforeMount- >子mounted->父mounted
子组件更
一、前言前段时间学习了ts，于是用脚手架搭了个vue3.0+ts的项目，引入详细步骤及语法校验报错解决办法，整理下遇到的问题以及解决办法，分享给大家。二、使用1. 引入tsQ: 在vue项目中编写tsx函数式组件提示报错。在没有引入ts的项目中，写tsx语法提示报错。无法使用 JSX，除非提供了 “–jsx” 标志。ts(17004)A:先检查是否安装ts，cmd输入 tsc -v， 显示了版本号
转载
2024-10-10 08:58:33
129阅读
