目录
关系图示
vue和webpack 的关系
Node.js
npm
package.json 有什么作用？
Vue2 和 Vue3的区别
Vue-cli的版本区别
Vue在VsCode中的常见配置
Vuter
Live server
Prettier vscode vue 自动格式化
Vue.js devtools
常见报错
Vue 报错error:0308010C:digital envelope routines::unsupported
关系图示
vue和webpack 的关系
vue是一套渐进式（就是你需要什么就用什么，不需要什么就可以不用，强制你遵守的规则很少），自底向上增量开发（就是根据系统和硬件编写出基层的基本需求代码，再慢慢增加模块），由于他要求遵守的规则较少，你可以引不同自己需要的东西，就需要配合webpack打包工具把引入的不同模块的东西打包
webpack是一个工具，俗称打包工具，就是把所以浏览器不能识别的东西如（less，scss）等转换为浏览器可以识别的语言如（css），因为vue中需要引入大量的各种各样的模块，所以很依赖webpack。
Node.js
Node.js是一个Javascript运行环境(runtime environment)，不是一个js文件，实质是对Chrome V8引擎进行了封装。Node.js 是一个让 JavaScript 运行在服务端的开发平台，它让 JavaScript 成为与PHP、Python 等服务端语言平起平坐的脚本语言。
[1] Node.js提供替代的API，使得V8在非浏览器环境下运行得更好。V8引擎执行Javascript的速度非常快，性能非常好。
[2] Node.js是一个基于Chrome JavaScript运行时建立的平台， 用于方便地搭建响应速度快、易于扩展的网络应用。chrome浏览器和Node.js在解析javascript都使用了v8引擎。
npm
全称是 Node Package Manager 包管理工具。
这一点和maven、gradle十分相似，只不过maven、gradle是用来管理java jar包的，而npm是用来管理js的。
NPM 的实现思路和maven、gradle是一样的：
1、有一个远程代码仓库（registry），在里面存放所有需要被共享的js代码，每个js文件都有自己唯一标识。
2、用户想使用某个js的时候，只需引用对应的标识，js文件会自动下载下来。
package.json 有什么作用？
npm上发布包时，需要npm init生成package.json文件
package.json中的信息来描述这个包,并提供包所需要的依赖
Vue2 和 Vue3的区别
vue2与vue3的区别_刘依铭的博客-CSDN博客_vue2和vue3区别
Vue-cli的版本区别
不同版本vue-cli区别 详解_林夏天的博客-CSDN博客_vuecli版本区别
Vue在VsCode中的常见配置
Vuter
Vue的基础插件， 安装后会有代码高亮，语法检查等效果。
Live server
live server 可以让Vue程序在浏览器中显示，配合浏览器的 Vue开发工具进行调试。
Prettier vscode vue 自动格式化
vscode vue 自动格式化（格式化冲突，只对vue格式化） - 简书
Vue.js devtools
浏览器端可以安装该插件，方便进行debug。
常见报错
Vue 报错error:0308010C:digital envelope routines::unsupported
Vue 报错error:0308010C:digital envelope routines::unsupported_IDrens的博客-CSDN博客
待更新...
