Vue的安装，项目启动，项目目录结构

一、vue-cli3.x安装

命令：npm install -g @vue/cli

二、安装完以后的测试

vue --version

三、创建vue项目

cmd窗口：vue create 项目名

警告：如果你在 Windows 上通过 minTTY 使用 Git Bash，交互提示符并不工作(不能用键盘的上下键控制选项)。
你必须通过 winpty vue.cmd create 项目名 启动这个命令。

四、项目目录结构

.git（隐藏文件） ===》git init
node_modules	 ===》项目所有依赖的包文件
public			 ===》本地服务的文件夹
	 |index.html ==>主页
src              ===》工作目录
	 |assets     ===》放入资源（图片,css）
	 |components ===》放入组件的
	 |App.vue    ===》根组件
	 |main.js    ===》项目的全局配置
.gitignore       ===》不需要上传到仓库中的文件的配置
babel.config.js  ===》有关bable的配置
package.json     ===》项目基本配置说明
README.md        ===》说明文件

通过http://localhost:8080/进入项目页面	
（过程：打开index.html ===>main.js ===>app.vue）

五、App.vue(根组件)：
3个部分：
template ===》放入html代码
script ===》放入js代码
style ===》放入css样式

.vue文件就是组件

<template>
	必须有一个父元素
</template>
错误：
<template>
	<div></div>
	<input>
</template>
正确：
<template>
<div>
	<div></div>
	<input>
</div>
</template>