为了账号安全,请及时绑定邮箱和手机立即绑定

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的配置还是比较麻烦的,所以等以后看完所有文档再进行更新

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
Web前端工程师
手记
粉丝
35
获赞与收藏
64

关注作者,订阅最新文章

阅读免费教程

  • 推荐
  • 1
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消