Vue-1.零基础学习Vue

╰+攻爆jí腚メ 2024-03-23 20:12 62阅读 0赞

### Vue专栏（帮助你搭建一个优秀的Vue架子） ###

[Vue-1.零基础学习Vue][Vue-1._Vue]  
[Vue-2.Nodejs的介绍和安装][Vue-2.Nodejs]  
[Vue-3.Vue简介][Vue-3.Vue]  
[Vue-4.编译器VsCode][Vue-4._VsCode]  
[Vue-5.编译器Idea][Vue-5._Idea]  
[Vue-6.编译器webstorm][Vue-6._webstorm]  
[Vue-7.命令创建Vue项目][Vue-7._Vue]  
[Vue-8.Vue项目配置详解][Vue-8.Vue]  
[Vue-9.集成（.editorconfig、.eslintrc.js、.prettierrc）][Vue-9._.editorconfig_.eslintrc.js_.prettierrc]  
[Vue-10.集成.env][Vue-10._.env]  
[Vue-11.集成.travis.yml][Vue-11._.travis.yml]  
[Vue-12.集成postcss.config.js][Vue-12._postcss.config.js]  
[Vue-13.创建完整的Vue项目（webstorm）][Vue-13._Vue_webstorm]

### 当你从零开始学习 Vue.js 时，以下步骤可以帮助你系统地学习这个前端框架： ###

#### `了解前端基础：` ####

*  如果你对前端开发还不熟悉，可以先了解 HTML、CSS 和 JavaScript 的基础知识。这将为学习 Vue.js 奠定基础。

#### `Vue.js 官方文档：` ####

*  Vue.js 官方文档是学习的最佳资源。从官方文档开始，了解 Vue.js 的核心概念、指令、组件等。文档非常详细且有示例，适合从入门到深入学习。
 *  官方文档链接：https://vuejs.org/

#### `Vue CLI：` ####

*  Vue CLI 是一个官方提供的脚手架工具，可以帮助你初始化 Vue 项目、配置开发环境、构建项目等。学习如何使用 Vue CLI 可以让你更轻松地开始一个 Vue 项目。
 *  官方文档链接：https://cli.vuejs.org/

#### `Vue Router：` ####

*  Vue Router 是 Vue.js 官方提供的路由管理器。学习如何使用 Vue Router 可以让你构建单页应用（SPA）并实现页面导航。
 *  官方文档链接：https://router.vuejs.org/

#### `Vuex：` ####

*  Vuex 是 Vue.js 官方提供的状态管理库，用于管理应用的全局状态。了解如何使用 Vuex 可以帮助你更好地管理数据流和状态。
 *  官方文档链接：https://vuex.vuejs.org/

#### `其他前端技术：` ####

*  学习 Vue.js 的同时，了解一些相关的前端技术，如 CSS 预处理器（如 SASS、Less）、构建工具（如 Webpack）等，可以让你的前端技能更加全面。
 *  记住，学习是一个渐进的过程，不要急于求成。逐步掌握每个概念，结合实践，你会逐渐变得熟练。祝你学习愉快！

### 使用量较多的开源Vue组件库 ###

#### `Vuetify` ####

*  Vuetify 是一个基于 Material Design 的 Vue UI 组件库，提供丰富的组件和样式，可以帮助你快速构建漂亮的用户界面。
 *  官网链接：https://vuetifyjs.com/

#### `Element UI` ####

*  Element UI 是一个基于 Vue 2.0 的桌面端 UI 组件库，提供了一系列的高质量组件，适用于快速开发企业级应用。
 *  官网链接：https://element.eleme.io/

#### `Ant Design Vue` ####

*  Ant Design Vue 是 Ant Design 在 Vue 生态系统中的版本，提供了一套企业级的 UI 组件，具有统一的设计风格和丰富的功能。
 *  官网链接：https://antdv.com/

#### `Nuxt.js` ####

*  Nuxt.js 是一个基于 Vue.js 的通用应用框架，用于构建 SSR（服务器端渲染）应用、静态站点生成等，提供了路由、状态管理等功能。
 *  官网链接：https://nuxtjs.org/

#### `Vue Router 和 Vuex` ####

*  尽管不是完整的框架，Vue Router 用于处理路由，而 Vuex 用于状态管理。它们都是 Vue.js 官方提供的工具，用于构建复杂的应用程序。
 *  Vue Router 官网链接：https://router.vuejs.org/
 *  Vuex 官网链接：https://vuex.vuejs.org/

[Vue-1._Vue]: https://blog.csdn.net/yueerba126/article/details/132180561
[Vue-2.Nodejs]: https://blog.csdn.net/yueerba126/article/details/132191078
[Vue-3.Vue]: https://blog.csdn.net/yueerba126/article/details/132189325
[Vue-4._VsCode]: https://blog.csdn.net/yueerba126/article/details/132277138
[Vue-5._Idea]: https://blog.csdn.net/yueerba126/article/details/132301563
[Vue-6._webstorm]: https://blog.csdn.net/yueerba126/article/details/132359705
[Vue-7._Vue]: https://blog.csdn.net/yueerba126/article/details/132296083
[Vue-8.Vue]: https://blog.csdn.net/yueerba126/article/details/132302762
[Vue-9._.editorconfig_.eslintrc.js_.prettierrc]: https://blog.csdn.net/yueerba126/article/details/132313644
[Vue-10._.env]: https://blog.csdn.net/yueerba126/article/details/132333568
[Vue-11._.travis.yml]: https://blog.csdn.net/yueerba126/article/details/132333769
[Vue-12._postcss.config.js]: https://blog.csdn.net/yueerba126/article/details/132358855
[Vue-13._Vue_webstorm]: https://blog.csdn.net/yueerba126/article/details/132345462