VuePress页面乱码问题

公司有一个业务场景,需要用到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即可
在这里插入图片描述

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值