Vue核心--Vue简介、脚手架

概念

Vue就是一套用于构建用户界面的渐进式框架。具体介绍可以看下Vue官方的介绍 - Vue.js

特点

• 采用组件化模式，提高代码复用率、且让代码更好维护
• 声明式编码，让编码人员无需直接操作DOM，提高开发效率
• 使用虚拟DOM+优秀的Diff算法，尽量复用DOM节点

创建Vue(脚手架)

脚手架创建

vue create xxx 

创建后在项目目录下通过yarn serve或npm run serve运行

文件结构

• favicon.ico: 页签图标
• index.html: 主页面
• assets: 存放静态资源
• component: 存放组件
• App.vue: 汇总所有组件
• main.js: 入口文件
• .gitignore: git版本管制忽略的配置
• babel.config.js: babel的配置文件
• jsconfig.json: 指定了JavaScript 语言服务提供的功能的根文件和选项
• package.json: 应用包配置文件
• README.md: 应用描述文件
• yarn.lock: 和package-lock.json文件相同作用：包版本控制文件