Vue学习第一天（创建第一个Vue项目）

1. 概念阐述

vue是一个框架，不是一门语言（一般用于开发后台管理系统）。

官方解释：Vue  是一款用于构建用户界面的JavaScript框架。它基于标准HTML、CSS和JavaScript构建，并提供了一套声明式的、组件化的编程模型，帮助开发者高效地开发用户界面。

2. 必备知识

2.1 需要具备HTML、CSS、JavaScript（原生网页开发基础）相关知识；

2.2 需要知道什么是Node.js：Node.js 不是一门新的编程语言，也不是一个 JavaScript 框架，它是一套 JavaScript 运行环境，用来支持 JavaScript 代码的执行；

2.3 需要知道什么是ES5，ES6语法：（它们都是JavaScript语法的一种改版）。

3. 准备工作

3.1 安装Node.js

安装方法

• 下载官网：Node.js (nodejs.org)
• 后续一直点击下一步即可

查看是否安装成功

•  win+R 打开控制端，输入 cmd 进入终端。
• 输入命令 node -v 检查Node.js版本号。

• 输入命令 npm -v 检查安装插件是否有版本号。

• 若安装成功，则会出现类似于以上结果。

3.2 安装Vue脚手架

概述

vue脚手架指的是vue-cli，它是一个专门为单页面应用快速搭建繁杂的脚手架，它可以轻松的创建新的应用程序而且可用于自动生成vue和webpack的项目模板。

安装步骤

• win+R 打开控制端，输入 cmd 进入终端。
• 输入命令 npm install -g @vue/cli 
• 输入命令 vue -V 检查是否安装成功，若安装成功，则会出现版本信息。

4. 创建第一个Vue项目

• win+R 打开控制端，输入 cmd 进入终端。
• 输入命令 cd desktop 到桌面。
• 输入命令 vue creat 项目名称 创建项目，这里以 vue create demo 为例。（注意：项目名称为英文）。
• 出现三个选择：（以创建Vue2项目为例）。

1. 创建Vue3项目
2. 创建Vue2项目（基础）
3. 自定义创建项目

• 创建好后，会出现下图页面：

• 创建成功后，输入命令 cd demo 进入到创建的项目里面。
• 输入命令 npm run serve 启动项目。

• 点击第一个Local地址，出现下图所示内容表示项目创建成功。 

• 桌面上出现demo文件夹，第一个Vue项目就创建成功了。