vuepress按照官方文档创建后跑起来乱码的原因

边看官方文档的时候边按照“快速上手”的教程安装:
创建并进入一个新目录

//行初始化
npm init

//将 VuePress 安装为本地依赖
npm install -D vuepress

//创建你的第一篇文档
mkdir docs && echo '# Hello VuePress' > docs/README.md

//在 package.json 中添加一些 scripts(opens new window)
{
  "scripts": {
    "docs:dev": "vuepress dev docs",
    "docs:build": "vuepress build docs"
  }
}

//在本地启动服务器
npm run docs:dev

然后访问http://localhost:8080/
得到乱码:

vuepress按照官方文档创建后跑起来乱码的原因_第1张图片


解决方法:
1.找到README.md文件,用记事本打开
vuepress按照官方文档创建后跑起来乱码的原因_第2张图片

2.选择 文件->另存为,编码改为UTF-8->保存
image.png

3.然后就得到正常的页面了
vuepress按照官方文档创建后跑起来乱码的原因_第3张图片

你可能感兴趣的:(前端)