边看官方文档的时候边按照“快速上手”的教程安装:
创建并进入一个新目录
//行初始化
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按照官方文档创建后跑起来乱码的原因](https://img.it610.com/image/info9/32023cc757e44691b3f17ba8e0255d52.jpg)
文章图片
解决方法:
1.找到README.md文件,用记事本打开
![vuepress按照官方文档创建后跑起来乱码的原因](https://img.it610.com/image/info9/89d45900ba8f477093c0557984149390.png)
文章图片
【vuepress按照官方文档创建后跑起来乱码的原因】2.选择 文件->另存为,编码改为UTF-8->保存
![vuepress按照官方文档创建后跑起来乱码的原因](https://img.it610.com/image/info9/5abc00d4a1f14894bb2c8bd3ed3ac22c.jpg)
文章图片
3.然后就得到正常的页面了
![vuepress按照官方文档创建后跑起来乱码的原因](https://img.it610.com/image/info9/6392e72b0e654a10997cd880a45ff341.jpg)
文章图片
推荐阅读
- 3D 沙盒游戏之避障踩坑和实现之旅
- 极光笔记|极光推送在APICloud平台的使用教程
- JavaWeb|基于ssm+thymeleaf+layui的后台管理系统
- vue.js|在vue3中使用vuex 4.x
- vue|前端合并单元格,一看就会
- #|VUE_数据修改后调用 this.$nextTick
- Vue|黑马头条移动项目(十)(登录页面的布局)
- vuex|vue3中使用vuex4
- vue|vue初学(axios获取api的数据)