关系图示

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博客

待更新...

Vue 使用过程中的问题总结(npm Nodejs Vue Vue-cli)