我们团队近期发布了移动端 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
前言记录一下使用vuepress搭建个人博客的流程。最好先简单看一下官方文档。官方文档：VuePress 中文网创建项目初始化npm init安装yarn add -D vuepress
或
npm install -D vuepress目录结构官方推荐的目录结构：.
├── docs
│ ├── .vuepress (可选的)
│ │ ├── components (可选的)
│
vuepress项目部署到github pages上准备工作修改config.js中的basevuepress项目中添加文件新建github仓库部署体验 准备工作在这里vuepress项目的编写就不多加赘述了，这篇文章默认已经拥有vuepress项目并且会创建远程仓库。这里推荐项目名称和远程仓库名称一致修改config.js中的base在.vuepress目录下有个config.js文件，添加配
# 如何使用VuePress搭建组件库
## 简介
在本篇文章中，我将教会你如何使用VuePress搭建组件库。VuePress是一个基于Vue.js的静态网站生成器，可以用来快速搭建文档网站。使用VuePress搭建组件库可以帮助我们更好地组织和展示组件，方便其他开发者使用和理解。
## 流程图
```mermaid
flowchart TD
A(准备工作)
B(创建项目
开发流程1.创建项目，(vue-cli/公司现有架构)
2.调整项目静态目录结构
3.使用webpack相关库模式打包编译
4.使用npm或者公司源地址发布到你需要的平台步骤创建项目，省略；调整项目静态目录结构
在项目同级目录下创建lib文件夹 => assets / components / css / utils / index.js / UploadUi.vue (依据自己喜好而
目录一、项目介绍二、用脚手架生成vue项目三、修正项目结构四、跑通一个demo五、卡片组件的设计与代码编写六、测试组件的功能七、前端模块化八、webpack打包js文件九、Gulp打包css十、将组件库发布到npm十一、测试发布后的组件库十二、搭建组件库文档站点十三、将项目部署到GitHub一、项目介绍所需要的技术：二、用脚手架生成vue项目1、安装脚手架npm install -g @vue/c
vuepress 实用插件这些插件都是官方提供的，有些在我们实用默认主题的时候已经安装了，不需要再单独安装，有些插件需要我们单独安装。具体请看下面的介绍默认主题自带的插件@vuepress/plugin-active-header-links@vuepress/plugin-nprogress@vuepress/plugin-searchvuepress-plugin-containervuepr
一个具有强大功能的 vuepress 主题仓库✨在vuepress或者vdoing主题项目中，其实已经内置了一些第三方插件，比如百度统计，第三方搜索，代码块一件复制，评论区等等。想看用了什么插件，看package.json就可以。以下是我的安装的一些依赖"devDependencies": {
"dayjs": "^1.9.7",
"inquirer": "^7.1.0",
三、规划目录结构 1、创建项目 在指定目录中使用命令创建一个默认的项目，或者根据自己需要自己选择。$ vue create . 2、调整目录 我们需要一个目录存放组件，一个目录存放示例，按照以下方式对目录进行改造。. … |-- examples // 原 src 目录，改成 examples 用作示例展示 |-- packages // 新增 packages 用于编写存放组件 … . 四、配置
前言最近公司是要重构一下我们的SDK文档，之前是用的gitbook来生成的，效果掺不忍睹，样式不好看就不好说了，之前的老哥写得东西语法很乱，改起来很费解，索性就干脆来个大换血。之前有用过各种的文章博客框架，比如：大名鼎鼎的hexo，比较流行的docsify，以及Docute。但是效果都不是很理想。想着既要样式好看，告别千篇一律，更要结构清晰，语法简单，能够支持自定义，更加自由的文档框架。知道发现了
前言本人也是第一次用这个框架，边学边搭建，过程中遇到许多问题，以此做个记录，也希望能帮助到你。普通的搭建过程就不再描述了，我自己跟着这篇博客敲了一遍，没啥大问题。这里直接从安装主题开始，使用的主题是vuepress-theme-reco。安装主题npm install @vuepress-reco/theme-cli -g安装完成之后就可以创建项目了theme-cli init azusaWebB
vuepress编写API文档介绍搭建安装初始化配置组件API文档发布组件库坑没有高亮 介绍想要搭建一个类似elementUI的组件库及相关的API文档，可以直接引用组件，还有代码展示，这里使用vuepress来搭建。详细配置可以前往vuepress官网查看。搭建安装全局安装vuepress
npm i vuepress -g新建项目mkdir my_vuepress初始化进入项目cd my_v
前言：因为现有项目一直用的都是node10的版本，所以导致在搭建vuepress-theme-hope的过程中踩了很多坑，最后才知道node10已经被弃用，只好又去装了nvm进行node的多版本管理。下面对整个流程进行详细的解析。nvm安装点击链接下载nvm for WindowsReleases · coreybutler/nvm-windows · GitHub这里我们选择nvm-setup.
前言作为一个想成为前端工程师的大龄熊孩子，自学前端的日子已经挺久了。然后自学的时候特想拥有一个自己的个人网站、个人博客之类的。有一天我在用vue + elementUi + koa2 + mongoDB搭建我期待已久的个人博客的时候。突然我想了一件事情，我究竟为什么要为了写个博客去用这么多技术栈呢？于是乎懒癌发作，于是我找到了这个东西，就是VuePress。1. VuePressVuePress是
这篇文章面向使用 Vuepress 来开发 Vue 组件文档库的用户服务，去年差不多这个时候我为公司开发了一个基于 AntDesignVue 封装的高阶组件库，经过一年的版本迭代与文档更新，收获了很多坑点，其中有一个就是关于组件示例维护相关的，今年有意重构组件库的文档与代码结构，后面会陆陆续续将踩到的坑点与相应的解决方案一一描述，好的进入今天的主题：文档示例编写的最佳实践方案。
这篇博文用来记录
.vue 组件的使用方法。
可以把组件代码按照 template、style、script 的拆分方式，放置到对应的 .vue 文件中。
模板（
template）、初始数据（
data）、接受的外部参数（
props）、方法（
methods）、生命周期钩子函数（
lifecycle hooks）。
基本步骤在 html
1.用vue-cli生成项目 1 # 安装依赖库，建议指定 vue 和 element 版本，避免版本升级带来意料之外的 bug
2 $ npm install vue@2.1.6 element-ui@1.4.6 vuex axios
3 #全局安装脚手架
4 $ npm install -g vue-cli
5 # 创建一个基于 webpack 模板的新项目my-proj
前言作为一个常年的B端前端开发者来说，千篇一律的业务开发有着些许的枯燥无味。在联调过程中，会经常发现后端在部署服务，然后又不知什么时候部署好，由于公司的部署系统查看系统部署状态入口较深，所以闲暇之余，研究了一下Chrome插件开发。因此从今天起，我们进行Chrome插件的开发学习。通过下拉框可以快速的切换不同项目的前后端部署状态，先看一下成果：1. 什么是Chrome插件谷歌浏览器插件是一种小型的
一、为什么选择VuePress常用的搭建博客网站的工具有很多，比如WordPress、Jekyll、Hexo、Docsify等，每个工具都有自己的优点，大家可以根据自己的喜好选择，但并不推荐大家耗费精力研究每个工具的使用，毕竟搭建博客只是第一步，写博客、分享博客才是搭建个人博客网站的主要目的。本文主要介绍如何使用VuePress搭建个人静态博客。VuePress是一款Vue驱动的静态网站生成器，界
