vuepress安装时遇到的问题首先需要安装nodejs,然后打开dos窗口,转换到nodejs路径下npm install -g vuepress运行上边的命令后报了一大串npm WARN deprecated ***,然后运行vuepress -v提示vuepress不是内部命令之类的,说明没安装成功看了很多文章没有找到适合的解决方案就根据log里看到的路径C:\Users\Administr
五一之前就想写一篇关于Vuepress的文章,结果朋友结婚就不了了之了。记得最后一定要看注意事项!Vuepress介绍类似hexo一个极简的静态网站生成器,用来写技术文档不能在爽。当然搭建成博客也不成问题。Vuepress特点 响应式,也可以自定义主题与hexo类似 内置markdown(还增加了一些扩展),并且可以在其使用Vue组件 Google Analytics 集成 PWA 自动生成Ser
介绍在之前为了搭建 VuePress文档,顺带制作了视频教程,如今准备再次搭建一个 VuePress 的项目,一看自己的视频竟然有五个小时,天呐,我只是需要过一遍而已,所以重新整理成文档吧,万一将来又要用呢……当然,如果您觉得文字版不够直观,可以前往观看视频版: 【 ,当时录制完本地测试后觉得声音大小还可以,结果一套录完了才发现声音很小,所以推荐带上耳机。VuePress 文档示例插件列表为了
序言目前无论笔记还是项目文档,大部分我都会通过 Markdown来记录,并且大部分文档写完都只存在自己电脑上,每次查找起来都需要耗费一些时间自己的写的一部分技术教程由于初次记录时了解知识不多,内容存在偏差或考虑不全面,后面需要修订和再加工过程,因此创建一个随时可查看,可编辑补充的文档知识库对我来说尤为得较为重要。想法不落实于行动,毕竟还是想法,于是网上查阅了创建文档库的相关资料,分为以下几类:1,
1 什么是VuePressvuePress是以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阅读
一.前言VuePress 是尤雨溪推出的支持 Vue 及其子项目的文档需求而写的一个项目,UI简洁大方,官方文档详细容易上手二.搭建:1.新建一个工程目录为project可以手动右键新建,也可以使用下面的命令新建文件夹:使用git bash终端 $ mkdir  project2. 全局安装VuePress$&nbsp
转载 2024-04-25 09:12:13
101阅读
历经网上各种教程,实践之后进行总结记录,免得隔天就忘。 文章目录前言1.VuePress使用(不使用vuepress的可以跳过)2.Github Actions 自动部署(详细)部署过程:配置deploy.yml补充:ACCESS_TOKEN的创建补充:获取DEPLOY_PRIVATE_KEY的方式:两个插件的地址:非自动部署到github,本地自动构建(deply.sh配置) 前言记录一下这几天
前言最近公司是要重构一下我们的SDK文档,之前是用的gitbook来生成的,效果掺不忍睹,样式不好看就不好说了,之前的老哥写得东西语法很乱,改起来很费解,索性就干脆来个大换血。之前有用过各种的文章博客框架,比如:大名鼎鼎的hexo,比较流行的docsify,以及Docute。但是效果都不是很理想。想着既要样式好看,告别千篇一律,更要结构清晰,语法简单,能够支持自定义,更加自由的文档框架。知道发现了
转载 2024-03-22 23:37:12
76阅读
前言VuePress 由两部分组成:一个以 Vue 驱动的主题系统的简约静态网站生成工具,和一个为编写技术文档而优化的默认主题。它是为了支持 Vue 子项目的文档需求而创建的。致力于轻量级的文档框架,是基于vue之上的二度开发,但是在使用的时候也遇到过不少的问题,下面小谭鸡米花就把我在开发过程中遇到的常见问题列举出来,希望对大家有所帮助。1.动态文档实际开发中,会遇到多个文档的情况,要求提供一个侧
转载 2024-04-09 00:30:43
122阅读
最近在学习一些vue方面的知识,遇到了点vue权限的问题,不过经过小猿圈web前端讲师的解答,终于是得到了解决,所以今天绝对把握遇到的问题也分享给大家,希望能帮助大家。 权限问题解决思路对于一个前后端分离的项目而言,权限不再是仅仅靠后端来控制,后端只能控制接口的权限,前台的页面显示还是需要我们来控制,针对vue的项目,首先我想的是当权限不多,并且都是单个权限的情况下,我们完全没有必要
项目背景:登录的时候,后端在返回token的同时还一并返回用户的登录权限,且我司返回的是一串数组,里面的内容对应每个要显示的路由,没有admin之类的权限。实现流程(具体看代码,超级详细):改变路由结构,分为constantRoutes(静态路由) 和 asyncRoutes(动态路由)给每个路由赋予角色开始实现动态加载啦实现过程遇到的bug:登录后刷新,页面变成空白。(已解决,将拿到的角色存储在
这里简单介绍通过VuePress构建项目在线文档。 一、VuePress官方地址: https://vuepress.vuejs.org/zh/一个Vue 驱动的静态网站生成器,以 Markdown 为中心的项目结构。VuePress 有很多优点:界面简洁优雅容易上手(半小时能搭好整个项目)更好的兼容、扩展 Markdown 语法 二、开始搭建# 1. 创建并进入一个
转载 2024-04-25 05:48:09
1043阅读
1.Vue的键盘事件中的keyup与keydownvue对原生js中的键盘事件进行了封装onkeyup => keyuponkeydown => keydown我们可以借助他们对元素进行键盘事件的监听<div id="#app"> <!-- keyup触发键盘事件 --> <input type="text" @keyup="fun"&gt
一,本地搭建快速开始同 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
github仓库地址:https://github.com/18518300669/JackTeslaBlogVuePress中文网:http://caibaojian.com/vuepress/guide/介绍VuePress 由两部分组成:一个以Vue 驱动的主题系统的简约静态网站生成工具,和一个为编写技术文档而优化的默认主题。它是为了支持 Vue 子项目的文档需求而创建的。由 VuePres
VuePress 由两部分组成:一部分是支持用 Vue 开发主题的极简静态网站生成器,另一个部分是为书写技术文档而优化的默认主题。在VuePress应用的目录里面,一个.md文件可以生产一个.html文件,文件夹目录下默认访问README.md文件,也就相当于目录下的index.html,所以本地测试环境访问的链接如:http://localhost:8081/bar/barOne.html。确保
当我们的组件库具备一些组件之后,需要开发者能够更流畅地使用,就需要有使用文档。这里我是用vuepress来搭建对应的开发文档。关于如何独立地使用vuepress,我之前地文章可以参考本文地内容也是和这个差不多,只不过整合了vue的组件使用范例。一,安装VuePressnpm install -D vuepress二,新建基础文件根目录下新建如下文件:--docs ----README.md ---
先创建我们的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编写文档
原创 8月前
51阅读
先来一下演示效果。和vue的官方文档几乎是一致的,页面内容都可自定义。 此教程部署后的效果预览。在你跟着教程搭建好项目之后,你会收获:快速搭建一个文档/博客,后期只需要修改markdown内容和导航参数,即可一键打包生成页面。页面具有非常好的加载性能和搜索引擎优化(SEO),其他的页面则会只在用户浏览到的时候才按需加载。自动生成全局搜索、记录上次修改时间等功能。可嵌入vue组件或跳转至其他页面,可
  • 1
  • 2
  • 3
  • 4
  • 5