写给后端开发的『vue3』前端开发扫盲

Node是什么？

node.js是一个js运行时环境，基于chrome V8引擎，有了它就可以直接运行js了，在这之前js只能跑在浏览器里。就像jvm跑java程序。

NVM是什么？

nvm是一个node版本管理工具，见名知意，node version manage。有了它可以对node的各个版本进行下载，切换，删除。都安装过多个版本的jdk吧。

NPM是什么？

随node.js一起安装的包管理器，有了它就可以很方便的下载各类第三方js包，包里的东西直接拿来用即可。maven都用过吧。

webpack是什么？

js应用程序的打包工具，写个.vue文件浏览器是无法运行的，这时webpack就可以帮助开发者把各类资源打包为对应的js，css文件。maven打包都用过吧。

VUE3

一款牛x的前端框架，封装了命令式js代码，暴露给用户更友好的声明式，还有就是拥有类似MVC的MVVM能力，其它特点参考官网。spring mvc都用过吧。

创建vue3项目

npm install -g @vue/cli
vue create project_name
cd project_name
npm install
npm run serve

vue脚手架会生成项目基架，spring initializer都用过吧。

上帝视角

vue3开发通常是前后端开发分离的，前端向后端发起ajax请求获取数据（通常携带token），通常是axios组件。jquery发ajax都用过吧。

在vue中可以配置router路由（前端的url路径），对应的路径由对应的组件component来渲染。

接下来就是开发具体的SPA（single-page app），由template，script，style组成，就是基本的html+css+js。

Element Plus

基于 Vue 3，面向设计师和开发者的组件库，有了它可以快速完成前端各类组件，bootstrap-ui都用过吧。