Vue CLI 是 Vue.js 官方提供的一个脚手架工具，用于快速搭建和管理 Vue.js 项目。它特别适合用于构建复杂的大型 Web 应用，而非简单的页面开发。Vue CLI 提供了丰富的插件和配置选项，以满足项目在不同阶段的需求。
npm init vite
Vite 是一个现代的前端构建工具，以其极快的冷启动和热更新速度而闻名。使用 npm init vite 可以快速初始化一个前端项目，并将项目的构建和依赖管理交给 Vite。Vite 通过智能地按需编译代码，大大提高了开发效率。
在确定了项目名称后我们选择vue组件 和JavaScript语言
npm i /npm run dev
- 我们在try-vue 的命令行使用
npm i中去安装依赖 - 使用
npm run dev命令启动 vite 开发服务器，vite 会在本地启动一个 HTTP 服务器，通常默认端口是 5173（但可以通过配置修改）。在浏览器中访问http://localhost:5173即可看到开发中的网站。 - index.html：项目的入口页面，通常只包含一个挂载点（如
#app）。
- src/main.js：项目的入口文件，用于创建 Vue 应用实例并挂载到 DOM 上。
组件化思维
现代前端开发越来越注重组件化思维。组件是前端开发中的基本单元，它包含了结构（HTML）、样式（CSS）和行为（JavaScript）。组件化开发的好处包括：
- 可复用性：组件可以被多次使用，减少了重复代码。
- 可维护性：组件将代码按功能划分，使得代码更加清晰和易于维护。
- 可读性：组件以标签的方式嵌入页面，使得页面结构更加清晰和易于理解。
在 Vue.js 中，组件通常以 .vue 文件的形式存在，该文件包含了模板（template）、脚本（script）和样式（style）三部分。组件可以按照功能进行划分，如按钮组件、表单组件、轮播图组件等。通过使用组件，开发者可以更加高效地构建复杂的前端应用。
end
为了提高开发效率，很多团队会开发自己的组件库，将常用的组件封装起来供团队内部使用。vue框架的使用与团队自己开发的组件库相结合，可以大大提高开发效率、统一开发规范、促进知识共享和传承，以及适应不同的项目需求。这对于提高团队的整体开发能力和竞争力具有重要意义。
