vuepress----1、快速开始

创建项目工程

本文会帮助你从头搭建一个简单的 VuePress 文档。如果你想在一个现有项目中使用 VuePress 管理文档,从步骤 3 开始。

  1. 创建并进入一个新目录

    bash 复制代码
    mkdir vuepress-starter && cd vuepress-starter
  2. 使用你喜欢的包管理器进行初始化

    bash 复制代码
    yarn init # npm init
  3. 将 VuePress 安装为本地依赖

    我们已经不再推荐全局安装 VuePress

    bash 复制代码
    yarn add -D vuepress # npm install -D vuepress

    注意

    如果你的现有项目依赖了 webpack 3.x,我们推荐使用 Yarn (opens new window)而不是 npm 来安装 VuePress。因为在这种情形下,npm 会生成错误的依赖树。

  4. 创建你的第一篇文档

    bash 复制代码
    mkdir docs && echo '# Hello VuePress' > docs/README.md
  5. package.json 中添加一些 scripts(opens new window)

    这一步骤是可选的,但我们推荐你完成它。在下文中,我们会默认这些 scripts 已经被添加。

    json 复制代码
    {
      "scripts": {
        "docs:dev": "vuepress dev docs",
        "docs:build": "vuepress build docs"
      }
    }
  6. 在本地启动服务器

    bash 复制代码
    yarn docs:dev # npm run docs:dev

    VuePress 会在 http://localhost:8080 (opens new window)启动一个热重载的开发服务器。

相关推荐
YGY Webgis糕手之路3 小时前
OpenLayers 综合案例-轨迹回放
前端·经验分享·笔记·vue·web
aiguangyuan7 小时前
前端开发 Vue 组件优化
系统架构·vue·前端开发
YGY Webgis糕手之路8 小时前
OpenLayers 快速入门(九)Extent 介绍
前端·经验分享·笔记·vue·web
pengzhuofan11 小时前
Web开发系列-第13章 Vue3 + ElementPlus
前端·elementui·vue·web
伍哥的传说2 天前
CSS+JavaScript 禁用浏览器复制功能的几种方法
前端·javascript·css·vue.js·vue·css3·禁用浏览器复制
aiguangyuan3 天前
前端开发性能优化概要
系统架构·vue·react·前端开发
不老刘3 天前
Claude Code 基于 VUE + KonvaJS 实现海报生成器(附源码)
vue·claude·konvajs
今天不要写bug4 天前
js原生实现搜索框下拉列表输入框模糊匹配高亮
javascript·vue·ecmascript
weixin_422201304 天前
uniapp自定义圆形勾选框和全选框
javascript·uni-app·vue·自定义·checkbox
敲可耐的咕魂君5 天前
【建议AI收录本信息】electron进行主进程和渲染进程异步通信
electron·vue