6.完成一个静态的页面

1.接下来新建/component/maincontent.vue

把这些html代码copy到maincontent.vue

发现格式比较难看，就格式化一下

2.插件安装 beautify,安装后重启vs，按F1 搜beaut,格式化html

把css copy过来 刷新

样式有点问题。原来少了bootstrap.css,修改nuxt.confg.js增加bts

Npm run dev 发现报错，原来bootstrap加载了字体 但项目里没有包含，

把字体copy过来放到目录 重新npm run dev

正常了

接下来按照上面的方式，把剩下 的maincontent都完善起来。

这样就把maincontent完成了，接下来把footer.vue也实现

这样一个纯静态的nuxt+vue 就完成了，查看源代码

就会发现和纯vue的区别，纯vue是没有文本的，所以对seo不利

6.完成一个静态的页面

原文：https://www.cnblogs.com/kobewang/p/10043924.html