一个具有强大功能的 vuepress 主题仓库✨在vuepress或者vdoing主题项目中，其实已经内置了一些第三方插件，比如百度统计，第三方搜索，代码块一件复制，评论区等等。想看用了什么插件，看package.json就可以。以下是我的安装的一些依赖"devDependencies": {
"dayjs": "^1.9.7",
"inquirer": "^7.1.0",
转载
2024-08-20 14:21:39
218阅读
一、UI组件及框架element - 饿了么出品的Vue2的web UI工具套件mint-ui - Vue 2的移动UI元素iview - 基于 Vuejs 的开源 UI 组件库Keen-UI - 轻量级的基本UI组件合集vue-material - 通过Vue Material和Vue 2建立精美的app应用muse-ui - 三端样式
由于工作项目的需要，需要使用到歌曲播放，参考多方资料，写了一个仿网易云音乐播放界面，能完整的实现音乐播放功能。 前端简单的使用vue组件和audio标签实现了播放器界面，后端则是调用网易云的API获取对应的歌曲信息。 废话不多说上代码歌曲播放界面（musicPlay.vue）<template>
<div class="main-page">
推荐一款高效VuePress主题：OneN vuepress-theme-oneN? A vuepress theme for oneN 项目地址:https://gitcode.com/gh_mirrors/vu/vuepress-theme-oneN ，这款主题将为你的 VuePress 网站带来更具现代感和专业感的外观。项目简介OneN 主题是 VuePress 社区的一个优秀贡献，它的目标
开发VUE插件详细步骤一.前置知识1.混入2.render函数3.使用代码注册组件4.extend二、开发插件1.插件使用例子2.插件开发开发插件使用插件分析修改插件，丰富插件功能调用方法如果对您有帮助，就点个赞吧！！欢迎留言评论@_@ 一.前置知识1.混入基本示例： 示例文件结构： 新建一个.js文件，里面定义属性，这里面的属性就是vue的属性，在vue文件中引入这个文件中的属性时也会混合到v
转载
2024-09-09 22:35:05
74阅读
1.插件的分类1.添加全局方法或属性，如 vue-element 2.添加全局资源: 指令/过滤器/过渡等，如 vue-touch 3.通过全局mixin方法添加一些组件选项，如 vuex 4.添加Vue实例方法，通过把它们添加到 Vue.prototype 上实现vue插件的编写方法一般分为4类，主要注册和绑定机制如下:export default {
install(Vue, opti
一、为什么要自己动手写插件呢，原因有二： 其一：是因为最近产品了提了一个在web端接收，消息通知的需求，产品要求在若干个页面内如果有消息，就要弹出消息弹窗展示给用户，略加思索之后，第一反应就是写个消息的组件，在需要的页面引入，不过写好之后，发现这样写好麻烦，是不是可以写个插件在全局一次性引入呢？ 其二：纯粹的想学习一下vue的插件是如何开发的二、既然有想法了，那就开始写呗，先去查看了vue的官
一文读懂Vue插件使用插件使用插件Vue.use()开发插件Vue项目中应用配合require.context，动态导入全局组件Vue项目中引入elementUi组件(全局)推荐阅读 插件插件通常用来为 Vue 添加全局功能。插件的功能范围没有严格的限制——一般有下面几种：添加全局方法或者 property。如：vue-custom-element添加全局资源：指令/过滤器/过渡等。如 vue-t
转载
2024-08-28 13:46:14
93阅读
问题最近在使用vuepress-theme-reco构建属于自己的博客，感兴趣的同学可以自己去官网上构建自己的博客。 在使用这个框架构建博客的时候，发现了一个及其令人头疼的问题——中文标签返回404，具体的表现形式:解决办法很快的啊，我找到了issue，里面的大佬已经给了对应的解释和解决办法。问题原因：浏览器对直接输入的中文url做了一次encode导致 匹配不到对应的path，然后就打到了404
转载
2024-06-19 08:55:08
106阅读
介绍在之前为了搭建 VuePress 的文档，顺带制作了视频教程，如今准备再次搭建一个 VuePress 的项目，一看自己的视频竟然有五个小时，天呐，我只是需要过一遍而已，所以重新整理成文档吧，万一将来又要用呢……当然，如果您觉得文字版不够直观，可以前往观看视频版： 【 ，当时录制完本地测试后觉得声音大小还可以，结果一套录完了才发现声音很小，所以推荐带上耳机。VuePress 文档示例插件列表为了
转载
2024-05-14 14:15:10
116阅读
vuepress编写API文档介绍搭建安装初始化配置组件API文档发布组件库坑没有高亮 介绍想要搭建一个类似elementUI的组件库及相关的API文档，可以直接引用组件，还有代码展示，这里使用vuepress来搭建。详细配置可以前往vuepress官网查看。搭建安装全局安装vuepress
npm i vuepress -g新建项目mkdir my_vuepress初始化进入项目cd my_v
转载
2024-04-30 21:07:07
302阅读
前言作为一个常年的B端前端开发者来说，千篇一律的业务开发有着些许的枯燥无味。在联调过程中，会经常发现后端在部署服务，然后又不知什么时候部署好，由于公司的部署系统查看系统部署状态入口较深，所以闲暇之余，研究了一下Chrome插件开发。因此从今天起，我们进行Chrome插件的开发学习。通过下拉框可以快速的切换不同项目的前后端部署状态，先看一下成果：1. 什么是Chrome插件谷歌浏览器插件是一种小型的
转载
2024-08-23 10:55:33
41阅读
Vue 被一个健康的插件和包的生态系统所加强，使开发变得可靠、快速和简单。由于Vue 是一个国际开发者社区所选择的框架，所以有一个不断增长的插件和包库，你可以在项目中使用。本文列举了用于Vue 2和Vue 3的 15个 流行的 Vue 插件。VuetifyNuxtJSVuexVuex Persisted StateVuePressVue MetaVue ChartJSVue Grid Layout
menu导航菜单组件预览地址组件之间的通信 <x-menu :selected.sync="selected"
>
<x-sub-menu name="extension">
<template slot="title">扩展</template>
&l
前言随着 Vue.js 越来越火，Vue.js 的相关插件也在不断的被贡献出来，数不胜数。比如官方推荐的 vue-router、vuex 等，都是非常优秀的插件。但是我们更多的人还只停留在使用的阶段，比较少自己开发。所以接下来会通过一个简单的 vue-toast 插件，来了解掌握插件的开发和使用。原文作者：林鑫，作者博客：https://github.com/lin-xin/blog认识插件想要开
最近一直在研究使用vue做出来一些东西，但都是SPA的单页面应用，但实际工作中，单页面并不一定符合业务需求，所以这篇我就来说说怎么开发多页面的Vue应用，以及在这个过程会遇到的问题。本文主要和大家介绍用vue构建多页面应用的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧，希望能帮助到大家。 这是我放在GitHub上的项目，里面有整个配置文件，可以参看
前言在 vuepress 刚出时，我就觉得这是个很值得追更的开源项目。果不其然，里面众多的前端编程技巧让我受益良多。于是在周末这种日子里，人家追剧我追码。今天，我就和大家分享下 vuepress 是如何做到在 Markdown 中使用 Vue 语法的。原理众所周知，Markdown 是一种标记语言，类似于 HTML，它也有对应的语法和词法。而 Vue 说白了也是一种语法，关键在于，Markdown
最新最全vuepress零基础搭建标注：最终版以及修改最终都在www.javanode.cn是最终版本，在学习中需要修改的内容以及笔记全在这个网站，谢谢！有任何不妥的地方望纠正看完了,发现对你有用的话不关注就算了 还不点赞，你还是人吗？简易版运行1. 下载简易版地址：https://gitee.com/gy297879328/vue_press_code2. 编译启动项目## 在解压目录也就是pa
转载
2024-07-17 17:43:34
69阅读
首先新建项目vue init webpack projectName 安装依赖包npm i这些就不说了 接下来就是构建我们的swiper组件因为我写的代码不规范, 通不过eslint的检测, 会频繁报警告, 所以不愿意看警告的可以打开\build\webpack.base.conf.js的32行到41行注释掉 接下来才开始正式的构建组件我直接把脚手架工具\src\components\Hell
转载
2024-08-24 11:02:51
188阅读
前段时间写了一篇vuepress2的开发文章，很多前端小伙伴看，给了我很多鼓励，写这个的原因是我们的百家饭OpenAPI平台是用vuepress搭建的，最开始选型是因为开始的时候觉得只是一个介绍性的产品网站，所以选型用了类似vue的vuepress，但是随着百家饭站点开发的深入，vuepress的很多问题给我们造成了很多的麻烦，以至于我们目前的架构变成了这样一个复杂结构：|---/api/home
转载
2024-04-21 19:40:12
56阅读
