一个具有强大功能的 vuepress 主题仓库✨在vuepress或者vdoing主题项目中,其实已经内置了一些第三方插件,比如百度统计,第三方搜索,代码块一件复制,评论区等等。想看用了什么插件,看package.json就可以。以下是我的安装的一些依赖"devDependencies": { "dayjs": "^1.9.7", "inquirer": "^7.1.0",
开发VUE插件详细步骤一.前置知识1.混入2.render函数3.使用代码注册组件4.extend二、开发插件1.插件使用例子2.插件开发开发插件使用插件分析修改插件,丰富插件功能调用方法如果对您有帮助,就点个赞吧!!欢迎留言评论@_@ 一.前置知识1.混入基本示例: 示例文件结构: 新建一个.js文件,里面定义属性,这里面的属性就是vue的属性,在vue文件中引入这个文件中的属性时也会混合到v
一文读懂Vue插件使用插件使用插件Vue.use()开发插件Vue项目中应用配合require.context,动态导入全局组件Vue项目中引入elementUi组件(全局)推荐阅读 插件插件通常用来为 Vue 添加全局功能。插件的功能范围没有严格的限制——一般有下面几种:添加全局方法或者 property。如:vue-custom-element添加全局资源:指令/过滤器/过渡等。如 vue-t
问题最近在使用vuepress-theme-reco构建属于自己的博客,感兴趣的同学可以自己去官网上构建自己的博客。 在使用这个框架构建博客的时候,发现了一个及其令人头疼的问题——中文标签返回404,具体的表现形式:解决办法很快的啊,我找到了issue,里面的大佬已经给了对应的解释和解决办法。问题原因:浏览器对直接输入的中文url做了一次encode导致 匹配不到对应的path,然后就打到了404
vuepress编写API文档介绍搭建安装初始化配置组件API文档发布组件库坑没有高亮 介绍想要搭建一个类似elementUI的组件库及相关的API文档,可以直接引用组件,还有代码展示,这里使用vuepress来搭建。详细配置可以前往vuepress官网查看。搭建安装全局安装vuepress npm i vuepress -g新建项目mkdir my_vuepress初始化进入项目cd my_v
介绍在之前为了搭建 VuePress 的文档,顺带制作了视频教程,如今准备再次搭建一个 VuePress 的项目,一看自己的视频竟然有五个小时,天呐,我只是需要过一遍而已,所以重新整理成文档吧,万一将来又要用呢……当然,如果您觉得文字版不够直观,可以前往观看视频版: 【 ,当时录制完本地测试后觉得声音大小还可以,结果一套录完了才发现声音很小,所以推荐带上耳机。VuePress 文档示例插件列表为了
前言作为一个常年的B端前端开发者来说,千篇一律的业务开发有着些许的枯燥无味。在联调过程中,会经常发现后端在部署服务,然后又不知什么时候部署好,由于公司的部署系统查看系统部署状态入口较深,所以闲暇之余,研究了一下Chrome插件开发。因此从今天起,我们进行Chrome插件的开发学习。通过下拉框可以快速的切换不同项目的前后端部署状态,先看一下成果:1. 什么是Chrome插件谷歌浏览器插件是一种小型的
最新最全vuepress零基础搭建标注:最终版以及修改最终都在www.javanode.cn是最终版本,在学习中需要修改的内容以及笔记全在这个网站,谢谢!有任何不妥的地方望纠正看完了,发现对你有用的话不关注就算了 还不点赞,你还是人吗?简易版运行1. 下载简易版地址:https://gitee.com/gy297879328/vue_press_code2. 编译启动项目## 在解压目录也就是pa
前段时间写了一篇vuepress2的开发文章,很多前端小伙伴看,给了我很多鼓励,写这个的原因是我们的百家饭OpenAPI平台是用vuepress搭建的,最开始选型是因为开始的时候觉得只是一个介绍性的产品网站,所以选型用了类似vue的vuepress,但是随着百家饭站点开发的深入,vuepress的很多问题给我们造成了很多的麻烦,以至于我们目前的架构变成了这样一个复杂结构:|---/api/home
首先新建项目vue init webpack projectName 安装依赖包npm i这些就不说了 接下来就是构建我们的swiper组件因为我写的代码不规范, 通不过eslint的检测, 会频繁报警告, 所以不愿意看警告的可以打开\build\webpack.base.conf.js的32行到41行注释掉 接下来才开始正式的构建组件我直接把脚手架工具\src\components\Hell
vuepress(二)插件安装推荐 文章目录vuepress(二)插件安装推荐前言系列文章二、插件1.back-to-top2.last-updated3.看板娘4.樱花插件5.代码复制6.添加著作权信息7.动态标题展示8.我的所有插件配置 前言这里是一个关于vuepress搭建的系列教程,里面也包括了我自己对博客的一些优化和魔改我在最开始时用的是 Hexo+butterfly搭建博客,但是后来发
转载 3月前
34阅读
最近用 vuepress 把社区的 typeScript 翻译文章打包成了一个在线文档,不过有一些插件社区没有或者实现的不符合自己定制需求,所以决定自定义实现一个,这篇文化以掘金复制代码功能为例子。 先看一下开发完成的界面 先看一下官方给出的架构图 插件是在 node 环境下运行,所以我们插件的返回形式必须是CommonJS形式。与 vue 类似,vuepress也有生命
随着开源项目knife4j添加的新特性越来越多,搭建一个开源软件的技术博客迫在眉睫,针对非专业前端的开发者来说,能快速搭建一个网站当然是最好的,正好,看到了VuePress这款产品特点简直是和自己完美契合,主要有几点;通过编写Markdown文件就可以轻松完成整个站点的内容输出,不用考虑排版,专注于协作基于Vue、Node等技术的可插拔式的自定义插件开发体系,构建自定义的主题、插件等简单、方便安装
4.1 项目结构首先说明一下官方推荐的目录结构:4.2 创建项目文件夹可以右键手动新建,也可以使用 mkdir 命令新建:mkdir vuepressBlogDemo全局安装 VuePressnpm install -g vuepress进入 vuepressBlogDemo 文件夹,初始化项目 使用 npm init 或 npm init -y(默认yes)npm init -y4.3 创建文件
转载 1月前
23阅读
花了2天多的时间总算搭出一个博客的雏形了。 搭建的博客没有使用官方提供的主题,而是自己创建了一个主题。所以,在样式上,有自己的风格和特点。转入正题。 环境搭建安装VuePressyarn global add vuepress 或者:npm install -g vuepress 也可以直接下载我的代码。然后cnpm i 下载依赖 https://github.com/newway7/blog
在项目扩展到一定程度,我们会对项目中大量的公共业务做封装,当多人开发时就带来一个问题:如何让所有人快速使用封装好的组件,降低学习成本?这里提供一个解决方案,那就是Vuepress框架,最新的 Vuepress2.x 框架已经蓄势待发,支持Vue3.x。一、创建一个基础Vuepress项目1、创建并进入一个新目录创建VuepressDocs目录mkdir VuepressDocs cd Vuepre
VuePress教程之深入理解插件API本文目录1VuePress教程之深入理解插件API2插件???2.1暖暖身2.2插件如何运作3准备3.1Markdown3.2Pages3.3Ready4自定义的指令5Dev5.1建立webpack配置5.2Devserver6Build6.1建立webpack配置6.2生成页面7总结别名:通过插件API来深入了解VuePressVuePress教程-极客中
转载 2020-12-20 14:34:59
274阅读
最近忙于使用VuePress搭建个人知识库,发现好多代码无法高亮显示,根据官方文档提示改用。又因为这个只是自己的本地项目,所以
文章目录全面对比从活跃方面来看从功能方面来看深入对比1,ace2,codemirror3,monaco4,结论 全面对比从活跃方面来看从功能方面来看代码高亮是必须的,社区必须活跃,不然修复bug没有一点点参考,太费时间。自动补全缩进,快捷键操作,搜索和替换等功能不是必须的,如果有,能拿来装逼当然最好,不能也不影响使用。故而挑出了以下几个,再具体分析,逐个调查,查看后续开发,部署的坑,坑少方便的就
通过VuePress管理项目文档
原创 2021-07-21 16:29:53
465阅读
  • 1
  • 2
  • 3
  • 4
  • 5