前言
作为一个新手，我认为在学习的过程中要善于总结，将我们平常学习到的知识总结起来，不仅可以帮助自己更好的记忆，如果我们将我们的总结分享出去，还可以帮助他人更好的学习。今天我在这里将分享我在学习vue的过程中总结的一点内容。
vue 3.0 简介
Vue 3.0，正式名称为Vue.js 3或Vue 3，是Vue.js框架的一个重大更新，于2020年9月发布。Vue 3.0在保持了Vue框架易用性和灵活性的基础上，对性能、可维护性、以及框架的内部架构进行了全面的优化和改进。
为什么要学vue
使用Vue框架相比于原始的JavaScript原生开发或无框架的前端开发，有以下几个显著的好处：
- 易学易用： Vue提供了简洁、直观的API和模板语法，接近HTML，使得开发者即使没有深入了解JavaScript也能快速上手。Vue的文档和示例丰富，便于学习和查阅。
- 组件化开发： Vue鼓励组件化编程，允许将界面拆分成可复用的小组件。每个组件包含自己的视图和逻辑，这不仅提升了代码的可维护性和复用性，也让大型项目的组织结构更加清晰。
- 响应式数据绑定： Vue的核心是一个响应式的数据绑定系统，它自动追踪数据变化并更新视图。这意味着开发者无需手动操作DOM来反映数据变化，大大简化了状态管理，提高了开发效率。
- 高性能： Vue利用虚拟DOM（Virtual DOM）来最小化实际DOM操作，提高了页面的渲染性能。它还提供了异步渲染和懒加载等特性，进一步优化了应用性能。
- 丰富的生态系统： Vue拥有庞大的第三方组件库和插件市场，如Element UI、Vuetify等，可以快速构建复杂界面，提高开发速度。
- 灵活性与可扩展性： Vue设计灵活，可以根据项目需求按需引入功能，易于与其他库或现有项目集成。Vue CLI等工具也增强了项目的可配置性和扩展性。
- 体积小： Vue核心库压缩后体积小，加载速度快，对应用的初始加载时间影响较小。
- 开发工具支持： Vue DevTools作为浏览器扩展，提供了强大的调试功能，便于开发者监控和调试Vue应用。
综上所述，Vue框架通过提供一系列开箱即用的特性和工具链，极大地简化了前端开发流程，提高了开发效率和应用性能，同时也保证了良好的可维护性和可扩展性，这些都是原始JavaScript开发难以比拟的优势。
创建一个vue项目
我们创建一个vue项目，需要确保我们安装了最新版本的 Node.js，并且你的当前工作目录正是打算创建项目的目录。在此目录下打开终端，输入npm create vue@latest这个命令我们，他会提示我们输入我们需要创建的项目名称，然后一直点否即可 （注意：这是在新手自己练习阶段我们选择否，但是在实际开发中我们几乎都要选择）
此时我们还是在父目录下打开的终端，现在我们要到我们创建的vue项目中去打开终端，使用第一条命令，快速的去到我们创建的项目中去。如图：
这个时候其实我们的项目已经创建了的，我们可以在左边的侧边栏打开我们之前打开终端的那个目录，我们创建的那个vue项目其实就已经安静的躺在那里了。但是这个时候我们只有一个基础的框架，但如果我们要构建一个完整的应用程序，往往需要额外的库来扩展功能，比如路由管理（vue-router）、状态管理（vuex）、UI框架（Element UI、Vuetify等）、HTTP请求库（axios）等。这些扩展功能通过依赖包的形式提供，使得开发者能够快速集成所需功能。因此我们需要执行下面的一条命令npm install
这条命令就是安装我们项目中的依赖包，此时我们只需要静静地等上几秒，项目需要的依赖包就安装好了。npm install 命令在没有额外参数的情况下，会安装package.json文件中dependencies和devDependencies里列出的所有依赖包。如图：
此时我们已经创建好了一个最基础的vue框架。我们可以看看我们的文件内容：
这个node_modules就是我们刚才安装的依赖包。下面我们就可以开始运行我们的vue项目了，使用npm run dev这个命令就可以将我们的项目运行起来。
如图，此时我们的项目就会在我们本机上运行，我们可以通过这个链接来查看我们的项目。
并且你保存代码更改时，页面都会自动刷新或热更新，展示最新的更改效果。
结语
本篇文章主要是给新手朋友展示的，对于大佬们可能有点简单了，但是我认为新手朋友们还是比较需要的，因为我有个同学就在问我该怎么创建一个vue项目。今天就到这了，下次我将分享关于vue里面的基础点但比今天稍深点的内容。如果各位大哥看的感觉还行，给个小小的赞鼓励下吧。
