前言记录一下使用vuepress搭建个人博客的流程。最好先简单看一下官方文档。官方文档：VuePress 中文网创建项目初始化npm init安装yarn add -D vuepress
或
npm install -D vuepress目录结构官方推荐的目录结构：.
├── docs
│ ├── .vuepress (可选的)
│ │ ├── components (可选的)
│
我们团队近期发布了移动端 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/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",
前言最近公司是要重构一下我们的SDK文档，之前是用的gitbook来生成的，效果掺不忍睹，样式不好看就不好说了，之前的老哥写得东西语法很乱，改起来很费解，索性就干脆来个大换血。之前有用过各种的文章博客框架，比如：大名鼎鼎的hexo，比较流行的docsify，以及Docute。但是效果都不是很理想。想着既要样式好看，告别千篇一律，更要结构清晰，语法简单，能够支持自定义，更加自由的文档框架。知道发现了
前言本人也是第一次用这个框架，边学边搭建，过程中遇到许多问题，以此做个记录，也希望能帮助到你。普通的搭建过程就不再描述了，我自己跟着这篇博客敲了一遍，没啥大问题。这里直接从安装主题开始，使用的主题是vuepress-theme-reco。安装主题npm install @vuepress-reco/theme-cli -g安装完成之后就可以创建项目了theme-cli init azusaWebB
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(创建项目
vuepress编写API文档介绍搭建安装初始化配置组件API文档发布组件库坑没有高亮 介绍想要搭建一个类似elementUI的组件库及相关的API文档，可以直接引用组件，还有代码展示，这里使用vuepress来搭建。详细配置可以前往vuepress官网查看。搭建安装全局安装vuepress
npm i vuepress -g新建项目mkdir my_vuepress初始化进入项目cd my_v
介绍1.Cypress是为现代网络打造的下一代前端测试工具。 2.解决了开发人员和QA工程师在测试现代应用程序时面临的关键难点问题。使用cypress可进行自动化测试，从而大大减少项目人力成本。界面安装1.安装node、npm环境 （新版node内置npm）2.新建项目文件夹，并初始化npm环境可用vscode直接编程，打开文件夹，并输入命令初始化npm包管理环境：npm init -y3.安装c
前言：因为现有项目一直用的都是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 封装的高阶组件库，经过一年的版本迭代与文档更新，收获了很多坑点，其中有一个就是关于组件示例维护相关的，今年有意重构组件库的文档与代码结构，后面会陆陆续续将踩到的坑点与相应的解决方案一一描述，好的进入今天的主题：文档示例编写的最佳实践方案。
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是什么？ VuePress是以Vue驱动的静态网站生成器，是一个由Vue、Vue Router和webpack驱动的单页应用。在VuePress中，你可以使用Markdown编写文档，然后生成网页，每一个由VuePress生成的页面都带有预渲染好的HTML，也因此具有非常好的加载性能
原创
2018-10-24 10:58:00
149阅读
系列文章目录VuePress 2.0 在 2021 年中旬发布,由webpack改为使用vite进行构建。在vuePress1.0时代，很好的解决了vuePress使用webpack打包构建缓慢的问题。但现在使用vuePress 是更好的选择！！！ 文章目录系列文章目录前言一、为什么选择VuePress而非VitePress一、安装VuePress二、项目结构三、基础文件三、配置文件四、进阶操作1
想要快速搭建自己的个人博客,记录自己的工作学习心得,争取当一条有梦想的咸鱼相信大家都了解过vue这个框架.而今天,我们的主角vuepress 就是vue的作者尤大大的一个作品.开源于大概2年前,其本意是用来为vue及其子项目写文档,现在被大部分人用来搭建个人博客.之前一直有所耳闻,vuepress可以搭建博客,但也只是有所耳闻罢了,这回趁着五一在家休息的时间,简单的学了下vuepress的用法.
一、为什么选择VuePress常用的搭建博客网站的工具有很多，比如WordPress、Jekyll、Hexo、Docsify等，每个工具都有自己的优点，大家可以根据自己的喜好选择，但并不推荐大家耗费精力研究每个工具的使用，毕竟搭建博客只是第一步，写博客、分享博客才是搭建个人博客网站的主要目的。本文主要介绍如何使用VuePress搭建个人静态博客。VuePress是一款Vue驱动的静态网站生成器，界
