一级建造师老师推荐该不该报班学

1、慕课网：慕课网是面向中国互联网及移动互联网开发者的专业学习网站，拥有海量高清视频教程及专业技术文章，丰富的实践案例，以及产品应用与设计、全面涵盖前端、后端等开发语言和框架。

2、极客学院：极客学院是国内最好的IT学习网站之一，给开发者们提供高质量的专业课程，既有技术讲师的线上课程，也有国内外优秀技术专家的线下课程。

3、尚学堂：尚学堂是国内人气最旺的互联网学习网站之一，拥有海量技术类课程相关的视频课程及文章，涵盖编程语言、多媒体制作、社交网络、移动开发等内容，能有效提高学生的技术水平。

4、斯坦福大学公开课：斯坦福大学公开课是国外顶尖的著名大学的课程的开放性在线学习平台，该平台拥有1500多门课程，包括计算机科学、生物学、空间科学、经济学、艺术与文化方面的知识。

## 目录

- [前言](#前言)

- [目录提要](#目录提要)

- [开发环境搭建](#开发环境搭建)

- [VSCode](#vscode)

- [Node环境安装](#node环境安装)

- [Vue开发环境安装](#vue开发环境安装)

- [Vue3新特性](#vue3新特性)

- [Vue基础知识](#vue基础知识)

- [Vue模板语法](#vue模板语法)

- [Vue组件](#vue组件)

- [Vue组件通信](#vue组件通信)

- [Vue路由](#vue路由)

- [Vue状态管理](#vue状态管理)

- [Vue钩子函数](#vue钩子函数)

- [项目搭建](#项目搭建)

- [ElementUI](#elementui)

- [Axios](#axios)

- [Vuex](#vuex)

- [业务模块开发](#业务模块开发)

- [发布部署](#发布部署)

## 前言

优路一建公司联合B-Yumi组织为期两个月的网络培训课程，主要以 Vue 为技术栈前后端分离来实现一个电商平台网站。该课程详细记录了从环境搭建、Vue基础知识、项目搭建以及业务模块的开发、发布部署等全部过程，详细的开发过程和部署实践使得我们对于Vue 的知识点非常清晰，也增长了一个完整的前后端分离的实践经验。

### 目录提要

- 开发环境的搭建，介绍 VSCode 和 Node 安装以及 Vue环境的安装以及 Vue3 新特性

- Vue基础知识， 介绍 Vue 模板语法、Vue 组件、Vue 组件通信、Vue 路由、Vue 状态管理和 Vue 钩子函数

- 项目搭建，介绍 ElementUI 和 Axios 以及 Vuex 的安装

- 业务模块开发，通过在真实项目中运用 Vue 中所掌握的知识，用于实现完整的业务模块

- 发布部署，利用 vue-cli 搭建的 Vue项目，使用 nginx 配置虚拟主机，实现真实地址的访问

## 开发环境搭建

### VSCode

VSCode 是由微软推出的一款编辑文本的直观的编辑器，它装有很多实用的工具，可以用来开发各种语言的应用，包括前端和后端，可以帮助我们代码开发更加高效，比如语法高亮、代码提示、各种组件之间的跳转等。

### Node 环境安装

Node属于JavaScript（JS）的一种运行环境，可以在 Node 上编写、执行JS 代码，确保代码的可移植性，我们可以不必关心底层环境的异，比如 Windows 、Linux 等，并且 Node 还提供了很多实用的模块，我们也可以安装第三方模块来帮助我们开发，所以 Node 的安装对于我们开发必不可少。

### Vue 开发环境安装

Vue 是一款面向用户界面的前端框架，可以用来帮助我们快速开发前端组件，运行在中间层，可以高效的展示与交互，而且 Vue 是轻量级的，因为大部分的操作都是在 JS 中完成，所以安装 Vue 是我们进行项目开发的基础。

### Vue3 新特性

Vue3 是 Vue 框架的最新版本，包含了许多新的特性和优化，譬如：可以在代码中使用 TypeScript 编写，改变了 Vue 项目的核心实现方式，可以通过组件懒加载和预载模式来提高性能，提供更多的类型安全性，以及引入 Composition API 等等。

## Vue 基础知识

### Vue 模板语法

Vue 模板语法定义了 HTML 中显示和框架之间的语法，用于将模板中的变量渲染到实际的 DOM 上。它有以下几种常用的语法：指令语法、插值表达式、模板挂载以及组件。

### Vue 组件

组件通过使用 Vue 的模板语法在 HTML 模板中定义，有利于我们快速方便的将单个组件组合成复杂的应用界面，是此 Vue 框架最大的技术优势。

### Vue 组件通信

在 Vue 中全局或局部的组件可以通过 props、$emit 或 $on 传递消息来实现组件之间的通信，这样可以更加直观地显示组件之间的联系。

### Vue 路由

Vue 路由是指 Vue 框架中定义的路由规则，用来将组件挂载到规定的路由页面上，给用户一种更加流畅的跳转体验。

### Vue 状态管理

Vue 状态管理是指 Vue 框架中提供的数据管理工具，可以用来管理和维护组件所需的数据。它主要存储的数据是组件间共享的数据，可以有效的避免多个组件重复编写同样的代码。

### Vue 钩子函数

Vue 钩子函数是 Vue 框架中定义的一种声明式函数，可以让我们在组件声明周期内编写要执行的代码，以实现我们想要的功能。

## 项目搭建

### ElementUI

ElementUI 是一款快速开发的基于 vue 的组件库，可以直接在 vue 中使用，这样可以提高我们的开发效率，省去大量的 HTML 和 CSS 的编写。

### Axios

Axios 是一种基于 Promise 的 HTTP 库，可以很方便地从远程服务器发起 HTTP 请求，不必担心不同服务器端口，域名等繁琐的代码及跨域问题，从而简化我们的开发工作。

### Vuex

Vuex 是 Vue 提供的可以用于更好管理、存储和共享组件及 Vue 项目数据的一个状态管理工具，可以在整个 Vue 项目中集中式定义组件之间共享的数据，方便数据的更新和管理。

## 业务模块开发

业务模块的开发就是指将在电商网站中所需要的所有业务模块全部使用 Vue 框架来实现，通过以前掌握的 Vue Ajax 结合远程服务器来获取数据。通过以上步骤，我们可以完整地实现真实的电商网站。

## 发布部署

发布部署就是使用vue-cli对Vue项目进行构建，打包编译项目，并在服务器（此处是本地服务器）中搭建 nginx 虚拟主机，将生成的 dist 文件夹发布部署在互联网中，即可实现通过真实地址访问网站的功能。