vue框架是什么？
是一种使用JavaScript开发的，用于构建用户页面的渐进式框架。
什么是渐进式框架？为什么vue是渐进式框架？
简单地说，渐进式的概念是分层设计，每层可选，不同层可以灵活接入其他方案架构模式。渐进式的最大好处就是灵活，可以根据不同场景做定制。
Vue的核心库只关注视图层，并且非常容易学习，非常容易与其他库或已有项目整合。另一方面，Vue完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。
（要提前下载node-下载地址为：Node.js ）
如何检查是否安装成功？
- 打开命令行界面（如Windows的命令提示符或Mac的终端）。
- 输入
node -v并按下回车键。这会显示Node.js的版本号。如果成功显示版本号，即表示Node.js已经安装成功。 - 输入
npm -v并按下回车键。这会显示npm（Node包管理器）的版本号。如果成功显示版本号，说明npm也已经安装成功。
如果在执行步骤2或3时出现错误消息，可能是Node.js没有正确安装或没有设置环境变量。您可以重新安装Node.js并确保按照官方文档提供的步骤进行操作。
怎么搭建并开启项目？
方法一：latest
① npm init vue@latest 初始化vue项目
② npm i 安装依赖
③ npm run dev 运行项目
方法二： vue-cli
npm install -g@vue/cli 全局安装
vue create my-project
方法三： 图形化界面
使用vue ui图形化界面创建项目
vue项目目录讲解
1. build：构建脚本目录
build.js ---- 生产环境构建脚本
build-server.js ---- 运行本地构建服务器，可以访问构建后的页面
dev-client.js ---- 开发服务器热重载脚本，主要用来实现开发阶段的页面自动刷新
dev-server.js ---- 运行本地开发服务器
check-version.js ---- 检查npm、node.js版本
utils.js ---- 构建相关工具方法
vue-loader.conf.js ---- 配置css加载器以及编译css之后自动添加前缀
webpack.base.conf.js ---- webpack基本配置
webpack.dev.conf.js ----- webpack开发环境配置
webpack.prod.conf.js ---- webpack生产环境配置
2. config：项目配置
dev.env.js ---- 开发环境变量
index.js ---- 项目配置文件
prod.env.js ---- 生产环境变量
test.env.js ---- 测试环境变量
3. node_modules：npm加载项目的依赖模块
4. src：源码目录（就是我们要开发的目录，基本要做的事情都在这个目里，里面包含了几个目录及文件）
main.js ---- 入口js文件
app.vue ---- 根组件
components ---- 公共组件目录
assets ---- 资源目录，这里的资源会被wabpack构建
routes ---- 前端路由
store ---- 应用级数据（state）
views ---- 页面目录