一个具有强大功能的 vuepress 主题仓库✨在vuepress或者vdoing主题项目中,其实已经内置了一些第三方插件,比如百度统计,第三方搜索,代码块一件复制,评论区等等。想看用了什么插件,看package.json就可以。以下是我的安装的一些依赖"devDependencies": { "dayjs": "^1.9.7", "inquirer": "^7.1.0",
文章目录全面对比从活跃方面来看从功能方面来看深入对比1,ace2,codemirror3,monaco4,结论 全面对比从活跃方面来看从功能方面来看代码高亮是必须的,社区必须活跃,不然修复bug没有一点点参考,太费时间。自动补全缩进,快捷键操作,搜索和替换等功能不是必须的,如果有,能拿来装逼当然最好,不能也不影响使用。故而挑出了以下几个,再具体分析,逐个调查,查看后续开发,部署的坑,坑少方便的就
前言作为一个常年的B端前端开发者来说,千篇一律的业务开发有着些许的枯燥无味。在联调过程中,会经常发现后端在部署服务,然后又不知什么时候部署好,由于公司的部署系统查看系统部署状态入口较深,所以闲暇之余,研究了一下Chrome插件开发。因此从今天起,我们进行Chrome插件的开发学习。通过下拉框可以快速的切换不同项目的前后端部署状态,先看一下成果:1. 什么是Chrome插件谷歌浏览器插件是一种小型的
我们团队近期发布了移动端 Vue 组件库 NutUI 的 2.0 版2.0 不是 1.0 的升级,而是一个全新的组件库。从 1.0 到 2.0 一路走来,我们积累了一些 Vue 组件库的开发经验,接下来的一段时间,我们将以系列文章的形式与大家进行分享,欢迎大家关注。作为《Vue组件库工程探索与实践》系列文章开篇之作,我们从“盘古开天地”说起吧。从当年的静态页面到如今的 Web App,前端工程越来
Vuepress介绍类似hexo一个极简的静态网站生成器,用来写技术文档不能在爽。当然搭建成博客也不成问题。Vuepress特点 响应式,也可以自定义主题与hexo类似 内置markdown(还增加了一些扩展),并且可以在其使用Vue组件 Google Analytics 集成 PWA 自动生成Service Worker 快速上手 安装 初始化项目 yarn init -y # 或者 npm i
开发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 文档示例插件列表为了
前言记录一下使用vuepress搭建个人博客的流程。最好先简单看一下官方文档。官方文档:VuePress 中文网创建项目初始化npm init安装yarn add -D vuepress 或 npm install -D vuepress目录结构官方推荐的目录结构:. ├── docs │ ├── .vuepress (可选的) │ │ ├── components (可选的) │
VuePress介绍 VuePress 由两部分组成:第一部分是一个极简静态网站生成器,它包含由 Vue 驱动的主题系统和插件 API,另一个部分是为书写技术文档而优化的默认主题,它的诞生初衷是为了支持 Vue 及其子项目的文档需求。 每一个由 VuePress 生成的页面都带有预渲染好的 HTML,也因此具有非常好的加载性能和搜索引擎优化(SEO)。同时,一旦页面被加载,Vue 将接管这些静态内
VuePress 由两部分组成:一部分是支持用 Vue 开发主题的极简静态网站生成器,另一个部分是为书写技术文档而优化的默认主题。它的诞生初衷是为了支持 Vue 及其子项目的文档需求。每一个由 VuePress 生成的页面都带有预渲染好的 HTML,也因此具有非常好的加载性能和搜索引擎优化(SEO)。同时,一旦页面被加载,Vue 将接管这些静态内容,并将其转换成一个完整的单页应用(SPA),其他的
最新最全vuepress零基础搭建标注:最终版以及修改最终都在www.javanode.cn是最终版本,在学习中需要修改的内容以及笔记全在这个网站,谢谢!有任何不妥的地方望纠正看完了,发现对你有用的话不关注就算了 还不点赞,你还是人吗?简易版运行1. 下载简易版地址:https://gitee.com/gy297879328/vue_press_code2. 编译启动项目## 在解压目录也就是pa
首先新建项目vue init webpack projectName 安装依赖包npm i这些就不说了 接下来就是构建我们的swiper组件因为我写的代码不规范, 通不过eslint的检测, 会频繁报警告, 所以不愿意看警告的可以打开\build\webpack.base.conf.js的32行到41行注释掉 接下来才开始正式的构建组件我直接把脚手架工具\src\components\Hell
前段时间写了一篇vuepress2的开发文章,很多前端小伙伴看,给了我很多鼓励,写这个的原因是我们的百家饭OpenAPI平台是用vuepress搭建的,最开始选型是因为开始的时候觉得只是一个介绍性的产品网站,所以选型用了类似vue的vuepress,但是随着百家饭站点开发的深入,vuepress的很多问题给我们造成了很多的麻烦,以至于我们目前的架构变成了这样一个复杂结构:|---/api/home
vuepress(二)插件安装推荐 文章目录vuepress(二)插件安装推荐前言系列文章二、插件1.back-to-top2.last-updated3.看板娘4.樱花插件5.代码复制6.添加著作权信息7.动态标题展示8.我的所有插件配置 前言这里是一个关于vuepress搭建的系列教程,里面也包括了我自己对博客的一些优化和魔改我在最开始时用的是 Hexo+butterfly搭建博客,但是后来发
转载 3月前
34阅读
Vue 代码调试consoledebugger浏览器调试推荐文章 初入职场,还是个前端小白,代码写不出来,师傅不在 小梦 vs 后端大兄弟:我运行了一个东西,一直出不来 后端大兄弟:我可以试一试断点,看哪里出错 ······ 后端大兄弟: 我好像不懂 如何打前端断点,都被webpack 重新封装过了 小梦:okok,是时候总结一番 Vue代码如何进行调试 console作为小白,日常最常使用
最近用 vuepress 把社区的 typeScript 翻译文章打包成了一个在线文档,不过有一些插件社区没有或者实现的不符合自己定制需求,所以决定自定义实现一个,这篇文化以掘金复制代码功能为例子。 先看一下开发完成的界面 先看一下官方给出的架构图 插件是在 node 环境下运行,所以我们插件的返回形式必须是CommonJS形式。与 vue 类似,vuepress也有生命
介绍VuePress 由两部分组成:一个以 Vue 驱动的主题系统的简约静态网站生成工具,和一个为编写技术文档而优化的默认主题。它是为了支持 Vue 子项目的文档需求而创建的。由 VuePress 生成的每个页面,都具有相应的预渲染静态 HTML,它们能提供出色的加载性能,并且对 SEO 友好。然而,页面加载之后,Vue 就会将这些静态内容,接管为完整的单页面应用程序(SPA)。当用户在浏览站点时
  • 1
  • 2
  • 3
  • 4
  • 5