栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > Vue.js

Vuepress 初使用

Vue.js 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

Vuepress 初使用

Vuepress使用

前不久在某微信公众号上面看到了Vue 发布了自己的静态网站生成工具Vuepress,处于好奇便按照这官方文档体验了下,下面就说说我对Vuepress的使用感受。
按照官方的说法,Vuepress网站是基于Vuejs,vue-route,webpack驱动的单页面应用。下面说说具体用法:

安装 全局安装
# 安装vuepess
yarn global add vuepress

# 创建一个 markdown 文件
echo '# Hello VuePress' > README.md

# 开始编写文档
vuepress dev

# 构建
vuepress build
局部安装(适用于已经存在的项目)
# 安装为本地依赖项
yarn add -D vuepress # 或 npm install -D vuepress

# 创建一个 docs 目录
mkdir docs

# 创建一个 markdown 文件
echo '# Hello VuePress' > docs/README.md

#运行
vuepress dev docs

这里推荐用yarn安装npm包,比npm更可靠,速度更快
ps:node版本必须>=8.0才能使用vuepress

编写文档
  1. 在项目根目录创建.vuepress文件夹,然后在里面添加config.js,这里的config.js是配置静态的页面的文件,具体有待看官方文档
  2. 下面就可以正式添加内容了,编辑docs/README.md文件可以实时修改网页内容

目前就操作到这里,原本想在网页上方添加导航链接,看了文档之后觉得Vuepress的配置还是比较麻烦的,所以等以后看完所有文档再进行更新

转载请注明:文章转载自 www.mshxw.com
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号