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
- 在项目根目录创建.vuepress文件夹,然后在里面添加config.js,这里的config.js是配置静态的页面的文件,具体有待看官方文档
- 下面就可以正式添加内容了,编辑docs/README.md文件可以实时修改网页内容
目前就操作到这里,原本想在网页上方添加导航链接,看了文档之后觉得Vuepress的配置还是比较麻烦的,所以等以后看完所有文档再进行更新
点击查看更多内容
为 TA 点赞
评论
共同学习,写下你的评论
评论加载中...
作者其他优质文章
正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦