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)启动一个热重载的开发服务器。

相关推荐
学了就忘9 小时前
Axios 传参与 Spring Boot 接收参数完全指南
java·spring boot·后端·vue
局外人LZ20 小时前
WXT+Vue3+sass+antd+vite搭建项目开发chrome插件
前端·chrome·vue·sass
Passerby_K2 天前
vue3+dhtmlx 甘特图真是案例
前端·vue·甘特图
码农研究僧2 天前
Vue3 上传后的文件智能预览(实战体会)
vue·html·图片预览
Bald Monkey2 天前
【Element Plus】解决移动设备使用 el-menu 和 el-sub-menu 时,子菜单需要点击两次才会隐藏的问题
前端·elementui·vue·element plus
若愚67922 天前
Vue3 + OpenLayers 开发教程 (五)移动端适配与数据可视化
前端·arcgis·vue
若愚67922 天前
Vue3 + OpenLayers 开发教程 (四) 样式配置与性能优化
前端·arcgis·vue
若愚67922 天前
Vue3 + OpenLayers 开发教程 ( 三 ) 交互与空间分析
arcgis·vue·交互
会飞的鱼先生2 天前
Vue3的内置组件 -实现过渡动画 TransitionGroup
前端·javascript·vue.js·vue
瓯雅爱分享2 天前
任务管理系统,Java+Vue,含源码与文档,科学规划任务节点,全程督办保障项目落地提效
java·mysql·vue·软件工程·源代码管理