No.56 Vue---介绍、安装

一、Vue 是什么？

• Vue是前端优秀框架，是一套用于构建用户界面的渐进式框架。

• 

 

二、开发前端的准备

2.1 install Vue TOOl ---Vue CLI

• vue cli Vue.js 开发的标准工具， vue cli 是一个基于 Vue.js 进行快速开发的完整系统.

官网：

https://vuejs.org/

 

安装：

cnpm install -g @vue/cli

//-g  表示全局安装

 

验证是否安装成功。

vue --version

 

cls :清空命令。

 

2.2 创建一个项目

step1：选择一个文件夹-右键：在集成终端打开

step2 ： 输入：vue create vue-demo---回车

 

出现小插曲：

 

 

 

 

以上，再次执行step2.

 

 step3：通过上下键选择第3个---回车

 

step4 ： 通过上下键和空格键选择回车！

step5：选择版本3，回车

 

step6：

默认选择第一个，回车

 

step7：以上这些选择是否作为未来的一个模板。n  回车。

 

step：创建成功

 

 

2.3 运行项目

step1：进入目录

cd vue-demo

step2：运行
npm run serve

step3：等待。。。成功

step4：打开第三步的网址  http://localhost:8080/ 

 

 

 安装运行完之后，出现一系列配置文件：

 以后在src文件下去编写代码。

 

 2.4 安装Vue高亮插件

• VSCode中安装 vetur 或者 volar 都可，前者针对Vue2版本，后者针对Vue3版本。