Vue框架的快速前端工程化

一、Vue框架的简介

Vue.js 是一个用于构建用户界面的渐进式JavaScript框架。它设计得非常灵活，易于上手，同时能够支持复杂的单页应用（SPA）。Vue.js 由前谷歌工程师尤雨溪（Evan You）在2014年创建，并迅速获得了开发者社区的广泛支持。
Vue.js 适用于从小型项目到大型企业级应用的多种场景，它的灵活性和易用性使其成为前端开发中的一个受欢迎的选择。

二、vue框架创建流程

1.我们的前端工程化是通过vue官方提供的脚手架Vue-cli来完成的，用于快速的生成一个Vue的项目模板。

2.我们需要运行Vue-cli，需要依赖NodeJS，NodeJS是前端工程化依赖的环境。所以我们需要先安装NodeJS，然后才能安装Vue-cli。

3.Vue-cli提供了如下2种方式创建vue项目:
命令行：直接通过命令行方式创建vue项目
vue create vue-project01
图形化界面：通过命令先进入到图形化界面，然后再进行vue工程的创建
vue ui
完成以上操作后，进入到一个页面，可以创建一个项目。等待一会，项目会在vscode中打开

三、vue项目的运行

第一种方式：通过VS Code提供的图形化界面 ，如下图所示：（注意：NPM脚本窗口默认不显
示，可以参考本节的最后调试出来）

点击之后，我们等待片刻，即可运行，在终端界面中，我们发现项目是运行在本地服务的8080端
口，我们直接通过浏览器打开地址
呈现界面，表示项目运行成功

第二种方式：命令行方式
直接基于cmd命令窗口，在vue目录下，执行输入命令 npm run serve 即可，如下图所示：

总结

提示：这里对文章进行总结：
例如：以上就是今天要讲的内容，本文仅仅简单介绍了vue的使用，而vue提供了大量能使我们快速便捷地处理数据的函数和方法。