懂个锤子Vue 项目工程化

Vue项目工程化：

前言： 紧跟前文，目标学习Vue2.0——3.0： 懂个锤子Vue、WebPack5.0、WebPack高级进阶 涉及的技术栈…

当然既然学习框架的了，HTML CSS JS三件套必须的就不说了： JavaScript 快速入门

---

Vue.js 是一个渐进式的 JavaScript 框架，适用于构建用户界面：

它的设计理念是可以逐步采用，既可以作为一个库用于现有项目，也可以用于构建复杂的单页应用；

• 核心包传统开发模式： 基于html / css / js文件，直接引入核心包，开发 Vue；
• 工程化开发模式： 基于构建工具（例如：webpack）的环境中开发Vue，

工程化开发模式优点： 提高编码效率，Less/Sass、Typescript等通过webpack都可以编译成浏览器识别的ES3/ES5/CSS等；

工程化开发模式问题： webpack配置不简单、雷同的基础配置缺乏统一的标准、很多企业都有自己的配置，非常混乱；

为了解决以上问题，所以我们需要一个工具，生成标准化的配置，VUE官方：发行的生态系统

• Vue CLI：

Vue CLI 是Vue官方提供的一个全局命令工具 基于node

可以帮助我们快速创建一个开发Vue项目的标准化基础架子【集成了webpack配置】

• Vuex： Vuex 是 Vue.js 的官方状态管理库，

适用于管理大型应用程序中的状态。它作为一个集中式存储，管理应用程序中所有组件的状态

• Vue Router： 是 Vue.js 的官方路由器，用于构建单页应用程序。它允许根据 URL 渲染不同的视图，而无需刷新页面；

Vue CLI 使用：

介绍 | Vue CLI 官方文档 Vue CLI是一个强大的命令行工具： 用于快速搭建 Vue.js 项目，以下是使用 Vue CLI 的基本步骤：

安装 Vue CLI

首先，你需要全局安装 Vue CLI。打开命令行工具，输入以下命令：

代码语言：sh复制

# 使用 npm:
npm install -g @vue/cli
# 使用 Yarn:
yarn global add @vue/cli

查看vue/cli版本： vue --version 验证是否安装成功✌