如何将vuepress dev模式与apidoc输出相结合？ - 腾讯云开发者社区

文章/答案/技术大牛

发布

VuePress教程之深入理解插件API

vuepress hello docsextendCli Dev 建立 webpack 配置 VuePress 把 webpack 配置拆分成三个文件：base、client、server。...chainWebpack Dev server VuePress 利用webpack-dev-server （opens new window）来掌握开发模式。...beforeDevServer 等同于 webpack-dev-server 中的 before，你可以用其在所有中间件的之前去执行一些自定义的中间件。...afterDevServer 等同于 webpack-dev-server 中的 after，你可以用其在所有中间件的最后去执行一些自定义的中间件。...那些 manifest 很快的会在使用后被移除，所以你从来不会再输出文件夹看到它。当所有事都完成时，vuepress run。 ✌️generated 总结所以这个方法的确领着我穿梭了整个流程。

1.4K1 0

VuePress介绍及使用指南

在本文中，我们将介绍VuePress的基本概念，并提供一个简单的使用指南。 vuepress.jpg 什么是VuePress？...scripts { "scripts": { "docs:dev": "vuepress dev docs", "docs:build": "vuepress build docs".../docs/.vuepress/dist', // 设置输出目录 port: 8012, head: [ ['link', { rel: 'icon', href: '.../public 在本地启动服务使用以下命令启动服务 yarn docs:dev # npm run docs:dev 默认端口是8080，在config.js中可以自己定义，我们此处使用的是8012.../dist目录下，我们只需将dist文件夹下的文件及文件夹复制到我们部署的nginx服务的html文件夹下即可，docker部署nginx可以参考博主之前的文章Nginx简介与Docker Compose

6635 0

您找到你想要的搜索结果了吗？

是的

没有找到

借助 VuePress 和 GitBook ，10 分钟即可免费部署你的静态博客网站

> README.md # 开始写作 vuepress dev ...."scripts": { "dev": "vuepress dev docs", "dev:md": "node ..../builds/delComponents.js", "docs:dev": "vuepress dev docs", "build": "vuepress build docs",..._book 是默认的输出目录，存放着原始 markdown 渲染完毕后的 html 文件，可以直接打包到服务器充当静态网站使用。...VuePress 的配置成本稍稍大一点，不过可以使用 Vue 的语法与组件，定制化更自由一点，而且 VuePress 中编写 Vue 和平时一样，学习成本几乎为零，可以本地用 VsCode 编辑，然后直接命令行部署

2.3K3 0

手把手教你用vuepress搭建自己的网站(1)

(https://coder.itclan.cn/) 前言如果说阅读是知识的输入,那么写作就是知识的输出,输出是一个内化知识理解的过程,有些知识,一问,知道,一动手,不会,看似简单,一看就会,一做就废...": "vuepress dev docs", "docs:build": "vuepress build docs" } 警告当 package.json 配置成这种格式时,在当前文件下...,启动时使用npm run docs:dev,启动项目,而打包构建时,使用npm run docs:build 这个也可以简化成 "scripts": { "dev": "vuepress dev....md类型的文章以及.vuepress相关的配置,这个文件夹的名字你可以任意,与你启动项目和构建项目时的配置保持一致就可以了的 mkdir docs 进入docs文件夹中使用mkdir命令创建.vuepress...文件夹,注意这个文件夹的名字时固定的,不要随便改变 cd docs mkdir .vuepress 这个.vuepress主要就是我们用于存放全局的配置、组件、静态资源等与VuePress相关的文件配置都将会放在这里

1.5K2 0

从零开始：VuePress2 + GitHub Pages 搭建你的第一个免费博客网站

步骤 4: 在 package.json 中添加一些 scripts { "scripts": { "docs:dev": "vuepress dev docs", "docs:...步骤 7: 在本地启动服务器来开发你的文档网站 pnpm docs:dev VuePress 会在 http://localhost:8080 启动一个热重载的开发服务器。...到了这里VuePress就安装完成了，下面我们来看下配置。配置 VuePress VuePress的配置都是通过config.js来进行的，所以第一步就是要新建config.js文件。...我们先来看下配置好的页面，首页是这样的：点击右上角的“网络”按钮，出来网络侧边栏：点击右上角的“设计模式”按钮，出来设计模式侧边栏：我们先来看一下配置文件： import { defaultTheme...的默认输出目录 build_dir: docs/.vuepress/dist env: # @see https://docs.github.com

8191 1

使用VuePress2.X构建个人知识博客，并且用个人域名部署到GitHub Pages中

启动开发服务器你可以在 package.json 中添加一些 scripts ： { "scripts": { "docs:dev": "vuepress dev docs",..."docs:build": "vuepress build docs" } } 运行 docs:dev 脚本可以启动开发服务器: yarn docs:dev VuePress 会在 IP+8080...报错： yarn add -D sass-embedded 再启动开发服务器 $ yarn docs:dev yarn run v1.22.22 $ vuepress dev docs √ Initializing.../zh/guide/getting-started.html 安装VuePress Theme Mix yarn add -D vuepress-theme-mix@next 使用与配置 import...的默认输出目录 build_dir: docs/.vuepress/dist env: # @see https://docs.github.com

3400 0

vitePress快速搭建及部署一个博客

VitePress 是 VuePress 的小弟弟，但是vitepress是在 Vite 上构建的。动机主要是因为太慢！但是不怪 VuePress，怪 Webpack！...改进的地方 1.利用了 Vue 3 的改进的模板静态分析来尽可能字符串化静态内容 2.静态内容以字符串模式而不是渲染函数代码发送，JS 负载更便宜，注水（SSR 时生成 js 交互逻辑代码）也更快 3....2.添加这些脚本到 package.json { "scripts": { "docs:dev": "vitepress dev docs", "docs:build": "vitepress...表格输入 Tables Are Cool col 3 is right-aligned $1600 col 2 is centered $12 zebra stripes are neat $1 输出...Tables Are Coolcol 3 is right-aligned 1600col 2 is centered 12zebra stripes are neat 输出内容目录 [[

3.9K4 0

如何快速搭建好看的个人博客(完整配置与源码)

自动生成Service Worker(支持PWA) Google Analytics集成基于Git的"最后更新时间多语言支持响应式布局支持PWA模式总的来说, 使用vuepress优势有挺多的...": "vuepress dev docs", "docs:build": "vuepress build docs" } 启动项目: npm run docs:dev这条命令就等于vuepress...dev docs 打包项目: npm run build 这条命令就等于 vuepress build docs 创建docs目录, 主要用于放置我们写的.md类型的文章以及.vuepress相关的配置...docs目录中使用的是默认的构建输出位置 vuepress以本地依赖的形式被安装到你的项目中, 在根目录package.json文件中包含如下代码: // 配置npm scripts "scripts...": { "docs:dev": "vuepress dev docs", "docs:build": "vuepress build docs" } // VuePress 以本地依赖的形式被安装

1.7K1 0

开发工具总结（15）之Vuepress制作文档并发布到GitHub

": "vuepress dev docs","docs:build": "vuepress build docs"},"dependencies": {"vuepress": "^0.14.8"}}...": "vuepress dev docs","docs:build": "vuepress build docs"},"dependencies": {"vuepress": "^0.14.8"}}....vuepress/templates 存储 HTML 模板文件。 .vuepress/templates/dev.html 用于开发环境的 HTML 模板文件。...js文件名 "license": "MIT", // 协议名称 "scripts":{ // 配置编译运行命令 "docs:dev": "vuepress dev docs...build的输出目录,默认值: .vuepress/dist，这里设置成public目录。

4.6K5 0

为什么人家的开源项目文档如此炫酷？原来用的是这款神器！

最近发现使用VuePress可以搭建一个功能强大的文档网站，推荐给大家！ VuePress简介 VuePress是Vue驱动的静态网站生成器。...沉浸式阅读：专为阅读设计的UI，配合多种颜色模式、可关闭的侧边栏和导航栏，带给你一种沉浸式阅读体验。效果演示我们先来看下成品效果，有三种不同模式可供选择，是不是够炫酷！...，之后以dev模式运行； # 安装 npm install # 运行 npm run dev 运行成功后，随便找个文章进去体验下，界面还是挺不错的，访问地址：http://localhost:8080.../ 还支持主题切换，比如切换到深色模式。...在命令行使用npm run build命令可以将项目打包成静态文件，输出文件目录为docs/.vuepress/dist；接下来把dist目录下的所有文件复制到Nginx的html目录下即可完成部署

1.5K2 0

除了 GitHub，VuePress 现在可以用云开发来部署了！

VuePress 是社区广受好评的文档插件，不少的项目都开始使用 VuePress 来构建团队的文档、产品的官网。现在，你也可以在云开发上托管你的 VuePress 文档啦！...vuepress dev 等待其编译完成，打开浏览器，访问 localhost:8080 image.png 可以看到刚刚创建的文档产生的页面 image.png 这样，就说明我们完成项目的初始化了。...Cli 上传更简单）在命令行输入如下代码 tcb login 会提醒你需要在网页中授权 image.png 在弹出的页面确认授权 image.png 确认授权后，你会看到控制台输出相应的命令部署...接下来，就可以进入到最后一个环节，上传部署 VuePress 了。部署 VuePress 接下来，我们来构建，并部署 VuePress。...云开发根据付费模式的不同，以下列方式提供免费资源：包年包月计费：提供免费版套餐；按量计费：按逻辑月的形式按月提供免费资源；具体免费额度如下：能力免费额度存储操作次数 150万/月； CDN流量

1.5K5 1

vuepresss建站过程中遇到的一些问题

页面显示-404 在 vuepress说明了文件路径与页面路由之间的映射关系文件的相对路径页面路由地址 /README.md / /guide/README /guide/ /README.md /...中推向的git仓库不一致,是https方式的还是ssh方式的,要一一对应 markdown-中引入图片不显示建议与文章相关的图片放置在同级目录下,而不要放置在.vuepress/public/目录中...相关的图片放在在images目录下的 | | ├─tools-article-imgs // 与工具相关文章的图片 | | ├─vuepress-build-blog...,若md文件或者其他配置文件(或自定义组件)有所更改,页面内容并不会马上更新,每次都需要重新npm run docs:dev,热更新存在一些问题解决:只需使用npm升级vuepress的版本即可,在vuepress...确实很强悍,灵活,拓展性很强,虽然配置有些复杂,但是值得去折腾动手吧,少年,你比你想象的更优秀,搭建博客只是一个开始,持续不断输出优质内容才是漫漫长路,曾今您或许持以仰望,对那些高大上的网站,觉得遥不可及

1.5K2 0

vuepress建站过程中遇到的一些问题

3.3K2 0

VuePress搭建项目组件文档

在github上拉去代码之后，可以直接npm run docs:dev试一下效果，本文的第二三点带你更了解vuepress，若了解可绕过 2..../dist', // 设置输出目录 port: 2333, //端口 themeConfig: { //主题配置 // 添加导航栏 nav: [...tplv-k3u1fbpfcp-zoom-1.image) ** 复制代码仓库名字要和config.js 里的 base 属性值一样修改base 如果我们的博客部署的是.github.io（即github中与自己用户名同名的仓库.../dist', // 设置输出目录 port: 2333, //端口 ....... } 复制代码配置好之后，仓库也创建好了，现在我们运行下：npm run docs:...这个时候我们可以再开支分支出来 master放打包出来的dist出来的文件 dev分支存放我们的源码 github上创建分支 7.

7284 0

VuePress教程之官方博客主题与插件简介

VuePress教程之官方博客主题与插件简介别名: 介绍 VuePress 官方博客主题与插件前言 VuePress Core Team 的成员 Billy: 除了 VuePress 核心以外，我负责官方博客插件与主题的开发...在过去 VuePress 只提供默认的文档主题，然而你可以通过它开发各种静态网站，除了文件以外，我最常看到的大概非博客莫属。而我们在今天正式移除官方博客插件与主题的 WIP 状态。...&& yarn # 安裝依赖 yarn dev # 运行在 localhost:8080 打开 localhost:8080，相信你已经看到一个现成的博客了。...增加互动与可见性相信你要博客，就是要给人看的吧，VuePress 作为一个静态网站生成器已经做了许多优化。...---- 接下来的功能就是提供我稍早所提到的简单增加互动与可见性的方法。 Sitemap 输出目录生成 sitemap.xml 留言整合了Disqus与 Vssue。

1.2K3 0

# Linux expect命令详解

它的主要功能是根据程序的输出模式（patterns）发送输入，从而实现自动化交互。...处理交互式命令行工具与一些需要用户输入的命令行工具（如配置工具、安装程序等）交互时，expect 可以自动完成交互过程。...expect { "password" {set timeout 20; send "12345\r"; exp_continue;}}: expect 用于等待子进程的输出，并根据输出匹配模式执行相应的动作...在这里，脚本期望子进程的输出中包含 "password" 字符串。...使用技巧模式和通配符 expect命令的模式可以包含通配符，如 *、? 、[...]，以匹配可变的输出部分。超时设置使用 timeout 选项可以设置等待模式出现的最大时间，避免无限等待。

1.2K1 0

手把手教你用vuepress搭建自己的网站(4)

部署到github平台前提条件文档放置在项目的 docs目录中使用的是默认的构建输出位置 VuePress 以本地依赖的形式被安装到你的项目中，并且配置了如下的npm scripts:,然后在itclan.../package.json文件中添加如下命令本地若没有安装vuepress非全局安装,pwa以及其他一些插件不会生效 { "scripts": { "docs:build": "vuepress...deploy:bash deploy.sh就可以了的,往后在命令行终端执行npm run deploy或者yarn deploy就可以自动执行该deploy.sh脚本了的 "scripts": { "dev...": "vuepress dev docs", "build": "vuepress build docs", "deploy": "bash deploy.sh" }, 提示如果自动部署脚本不成功...实现这一步相当于就是将自定义的域名指向gihub pages,当访问https://itclancode.github.io/与doc.itclan.cn指向同一个IP,相比于浏览器地止栏输入xxx.github.io

1.4K3 1

可能是目前最详细从零开始配置 TypeScript 项目的教程

前言本文是算法与 TypeScript 实现[5]中 TypeScript 项目整体的环境配置过程介绍。...TypeScript 配置本项目会构建输出 CommonJS 工具包（npm 包）供外部使用，采用 TypeScript 设计并输出声明文件有助于外部更好的使用该资源包进行 API 的提示。...文档进行依赖安装和 npm scripts 脚本设置： "scripts": { "docs:dev": "vuepress dev docs", "docs:build": "vuepress...\algorithms > vuepress dev docs wait Extracting site metadata... tip Apply theme @vuepress/theme-default...> VuePress dev server listening at http://localhost:8080/algorithms-utils/ 效果如下： ?

5.9K2 2

使用pm2部署node生产环境

再来看看使用pm2可拥有的能力：日志管理；两种日志，pm2系统日志与管理的进程日志，默认会把进程的控制台输出记录到日志中；负载均衡：PM2可以通过创建共享同一服务器端口的多个子进程来扩展您的应用程序...静态服务：支持静态服务器功能支持开发调试模式，非后台运行，pm2-dev start ；。。。。。太过强大！...（自动负载均衡） pm2-dev start ... // 开发模式启动，即不启用后台运行查看启动列表pm2 list 显示应用程序详细信息pm2 show [options.../apidoc", //静态服务路径 PM2_SERVE_PORT: 8080, //静态服务器访问端口 NODE_ENV: 'development' //启动默认模式.../apidoc", //静态服务路径 PM2_SERVE_PORT: 8080, //静态服务器访问端口 NODE_ENV: 'development' //启动默认模式

4.5K4 0

APIDoc自动生成接口文档

对于项目开发常见的前后端分离模式来说，中间在后端完成接口开发交付对接时，前端人员往往苦于没有接口文档会经常"跑去"骚扰后端人员，真是苦不堪言哪。...最后在浩瀚的网络中还是找到个不错的工具—— Nodejs APIDoc ，非常的强大，支持当前流行的开发语言，如Java,PHP,JavaScript,Python,Ruby等等，下面就来简单的介绍下它的使用方法...安装模块前面的介绍中已经说了它是基于NodeJS环境，所以你必须先有个NodeJS环境，然后就是安装下APIDoc模块，参考命令如下： 1 npm install apidoc -g 工程配置文件...7 8 9 10 11 12 { "name": "XXXX开放接口平台", "version": "1.0.1", "description": "XXXX开放接口平台，设计所有与第三方服务对接的接口服务...-i apidoc/ -o apidoc/ i 工程所在的文件夹 o 接口文档输出文件夹文档效果如下图所示：常见问题提示 error: Can not read: package.json,

4371 0

点击加载更多

VuePress教程之深入理解插件API

VuePress介绍及使用指南

借助 VuePress 和 GitBook ，10 分钟即可免费部署你的静态博客网站

手把手教你用vuepress搭建自己的网站(1)

从零开始：VuePress2 + GitHub Pages 搭建你的第一个免费博客网站

使用VuePress2.X构建个人知识博客，并且用个人域名部署到GitHub Pages中

vitePress快速搭建及部署一个博客

如何快速搭建好看的个人博客(完整配置与源码)

开发工具总结（15）之Vuepress制作文档并发布到GitHub

为什么人家的开源项目文档如此炫酷？原来用的是这款神器！

除了 GitHub，VuePress 现在可以用云开发来部署了！

vuepresss建站过程中遇到的一些问题

vuepress建站过程中遇到的一些问题

VuePress搭建项目组件文档

VuePress教程之官方博客主题与插件简介

# Linux expect命令详解

手把手教你用vuepress搭建自己的网站(4)

可能是目前最详细从零开始配置 TypeScript 项目的教程

使用pm2部署node生产环境

APIDoc自动生成接口文档

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐