Vue3（1. 项目搭建）

1. Vue是什么？

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

2. 为什么要学习它？

1. Vue是目前前端最火的框架之一
2. Vue是目前企业技术栈中要求的知识点
3. Vue可以提升开发体验
4. Vue学习难度较低
5. …

3. Vue开发前端的准备

vue官网
vue3官网

3.1 安装Vue工具 vue cli

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

npm install -g @vue/cli
vue --version (该命令用于检查是否安装成功)

3.2 创建一个项目

运行以下命令创建一个新项目

vue create vue-demo (该命令中的项目名称只能用小写字母，-符号)

温馨提示
在控制台中，可以用上下键调整选择项；
在控制台中，可以用空格选择是否选中和取消选中

可以选择默认项目模板，或者“手动选择特性”来选取需要的特性。

在学习期间，我们只需要选择 Babel 和 Progressive Web App(PWA) Support 即可。注意不要选中Linter/Formatter（严格格式），以避免不必要的错误提示

将其保存为未来项目的配置？y表示保存，并添加名字，输入n不保存

3.3 运行项目

第一步：进入项目根目录cd vue-demo
第二步：运行npm run serve启动项目

3.4 安装Vue高亮插件

VSCode中安装：vetur（支持Vue2版本）；volar（支持Vue3版本）