摘要：

• 1、vue静态网站模版(vue加载html静态页面)
• 2、[prerender-spa-plugin]--微型Vue项目的SEO利器
• 3、自学多久能学会vue?

vue静态网站模版(vue加载html静态页面)

1、VuePress-Vue驱动的静态网站生成器入门教程VuePress是一个以Markdown为中心的静态网站生成器，一个VuePress站点本质上是一个由Vue在和VueRouter驱动的单页面应用（SPA）。路由会根据你的Markdown文件的相对路径来自动生成。先简单介绍一下VuePress，这是尤大在2018年4月份发布的一个新轮子。

2、Gridsome 需要依赖一个特殊的第三方模块：sharp。它的作用是什么？sharp 这个包为什么很难安装成功？解决方式是什么？gridsome 会将 pages 目录下的页面文件创建成一个个路由页面。预渲染是纯静态的网页内容，没有服务端渲染。

3、public/index.html文件是一个会被html-webpack-plugin处理的模板。构建中，各种资源路径会被注入解析。可以使用lodashtemplate语法插入内容。除了被html-webpack-plugin暴露的默认值之外，所有客户端环境变量也可以直接使用。

[prerender-spa-plugin]--微型Vue项目的SEO利器

使用prerender-spa-plugin之前，我们构建的网站是一个纯正的Vue CLI项目，采用webpack打包，并使用vue-router进行路由管理。由于目标浏览器不包括老版本IE和移动端浏览器，我们选择了hash模式的路由配置。在页面开发上，我们倾向于将单个页面分离为多个组件，以提高开发效率和后期维护性。

Vue项目进行SEO优化VueSPA单页面应用对SEO不太友好，当然也有相应的解决方案，下面列出几种SEO方案 SSR服务器渲染服务端渲染，在服务端html页面节点，已经解析创建完了，浏览器直接拿到的是解析完成的页面解构 关于服务器渲染：Vue官网介绍，对Vue版本有要求，对服务器也有一定要求，需要支持nodejs环境。

环境： webpack5， vue3，vue-cli5 插件： prerender-spa-plugin 报错： [prerender-spa-plugin] Unable to prerender all routes！某天，我在愉快地学（摸）习（鱼），突然又双叒叕被抓去铲屎（T_T），要把之前做的一个东西加入SEO。

使用Vue，是js加载后台数据的，动态赋值在元素上的，搜索引擎只能抓取html内容并不能执行JS，这样搜索引擎抓取不到数据。

自学多久能学会vue?

掌握基础的JavaScript知识和语法，大概需要几个月的时间。这期间，你需要熟悉变量、函数、循环、条件判断等基本概念。进一步深入学习，你可以探索JavaScript中的面向对象编程、闭包、作用域和事件处理等高级特性。这些特性对于构建复杂的Web应用至关重要。

自学前端的时间因人而异，通常最快4个月能掌握基础，但建议至少6个月。

第32天，项目完成。经过3天或4天的辛勤工作，我终于把项目做完了。这不仅是对Vue框架的学习成果，也是对项目开发流程和常见问题处理的一次实践体验。尽管页面设计可能稍显朴素，但作为演示和学习的素材，已经足够。

自学前端开发通常需要较长的时间，没有基础的情况下，一般需要至少4个月。通常情况下，参加培训的学员会选择全日制脱产学习4到6个月，而自学则需要更长的时间，因为自学缺乏老师一对一的指导。前端开发是网页制作的演变产物，其名称带有明显的时代特征。

会vue学uniapp要多久主要看个人学习能力和学习时间决定。会vue学uniapp要多久主要看个人学习能力和学习时间决定，会使用VUE基本都能很快上手使用uni-app开发应用。web前端自学要多久？春日充电季#自学，一般需要一年左右的时间才能掌握web前端开发的一些基本知识和框架。