原文地址：前端工程Vue前置知识 - Pleasure的博客
下面是正文内容：
前言
这个专栏打算采取前置知识，具体实操，和代码三部分分离的形式，来记录学习开发的整个过程。
如果是对Vue知识再熟悉不过的这部分可以直接跳过了，等待后面的具体过程以及代码展示。
当然作为前置知识，肯定是和后面的部分相关联的。
正文
还是简易仔细阅读官方的文档，这里就只提几个要点。
官方文档：简介 | Vue.js
Vue的两个核心功能声明式渲染和组合式——渐进式框架。
Vue的工程化，作为一个项目管理所有前端页面的数据和逻辑。
SFC与SPA
Vue的单文件组建（SFC, Single-File Component）使其可以内嵌在HTML中成为一部分。使我们能够将一个 Vue 组件的模板、逻辑与样式封装在单个文件中。
Vue 的单文件组件是网页开发中 HTML、CSS 和 JavaScript 三种语言经典组合的自然延伸。<template>、<script> 和 <style> 三个块在同一个文件中封装、组合了组件的视图、逻辑和样式。
SPA（Single-page application），是一个web应用程序的实现，它只加载一个web文档，然后通过JavaScript api在显示不同的内容时更新该单个文档的主体内容。
因此，这允许用户使用网站而无需从服务器加载整个新页面，这可以带来性能提升和更动态的体验，但也有一些折衷的缺点，例如SEO，需要更多的精力来维护状态，实现导航，以及进行有意义的性能监控。
cnpm与pnpm
cnpm是淘宝团队提供的一个Node.js包管理工具，基于npm的镜像加速，旨在解决国内用户使用npm时下载速度慢的问题。
npm install -g cnpm --registry=https://registry.npm.taobao.org
pnpm是另一种Node.js包管理工具，它的名称是“Permissive Node.js Package Manager”的缩写，旨在解决Node.js项目中重复依赖包的问题。提高磁盘的利用率。
npm install -g pnpm
Windows在Powershell中引入外部链接的脚本时后可能有错误，这就自行解决吧。
具体的命令使用方法这里就不过多赘述了。
请求拦截器与响应拦截器
请求拦截器：允许你在发送请求之前对其进行修改或者添加某些信息。例如，你可以在每个请求中添加认证信息，或者在发送请求前显示加载动画。
响应拦截器：允许你在收到响应之后对其进行修改。你可以处理响应数据、检查状态码或进行其他的处理。例如，你可以统一处理错误状态，或者对返回的数据进行预处理。
路由
路由，决定从起点到终点的路径过程。
在前端工程中，路由指的是根据不同的访问路径，展示不同组建的内容。
由于主页面和和登录页面不能同时进行展示，所以需要进行设置路由关系。
服务端路由指的是服务器根据用户访问的 URL 路径返回不同的响应结果。当我们在一个传统的服务端渲染的 web 应用中点击一个链接时，浏览器会从服务端获得全新的 HTML，然后重新加载整个页面。
客户端路由，即前面提到的SPA，通过JavaScript的方式动态获取新的数据，然后在无需重新加载的情况下更新当前页面。
尾声
后面就是正式开始Vue的工程化部署