公司有一个业务场景,需要用到VuePress,所以我这边就研究了一下。VuePress的官方文档写得很详细,步骤也很清晰。
官方步骤
# 创建文件夹
mkdir vuepress-starter
cd vuepress-starter
# 初始化
git init
npm init
# 安装Vue Press
npm install -D vuepress@next
# 在package.json添加脚本
{
"scripts": {
"docs:dev": "vuepress dev docs",
"docs:build": "vuepress build docs"
}
}
# 忽略文件
echo 'node_modules' >> .gitignore
echo '.temp' >> .gitignore
echo '.cache' >> .gitignore
# 创建文档
mkdir docs
echo '# HelloVuePress' > docs/README.md
# 启动
npm run docs:dev
根据上述的步骤,但是我发现页面是存在乱码
这个问题主要是编码的问题,只要将docs/README.md
这个文档的编码改成UTF-8
即可