第一个vue项目
1、准备工作
工具：Visual Studio Code
安装常用插件->Extensions->Vue 2 Snippets、Vue Theme、Vue VS Code Extension Pack、Vue VSCode Snippets、Vuter
2、创建vue项目
开始菜单或者小娜搜索输入powershell，管理员运行：#vue create my-project
3、vue目录
- node_modules项目的依赖中心
- public：静态资源文件夹，和assets不同的是public不会被webpack进行打包，使用路径的时候要使用绝对路径
- src：项目的核心区域，所有的开发文件的核心内容区域，包括组件，静态资源等等
- src/asstet：静态资源文件夹，和public不同的是assets文件夹会被webpack打包，所以要使用相对路径
- src/components：Vue功能组件的存放位置，内部存放的是公用的组件
- src/views：公共文件，主要以各个独立页面为主
- src/APP.vue：整个vue的根组件，所有的vue组件都是从这个组件中拓展的，App根组件最后通过编译后将内容渲染到.html文件中
- src/main.js：vue的入口文件，vue文件初始化位置
- .gitignore：GitHub相关配置文件，作用是git再提交代码的时候指定相关忽略格式文件
- babel.config.js：babel的配置文件
- package.json：配置项目的相关模块，项目相关配置信息等等
- package-lock.json：作用是记录的当前项目安装的相关依赖版本，当前所有依赖的关联关系，如果下次vue进行编译的时候会按照这个文件进行编译
- README.md：项目相关的使用方法，和使用说明。
4、vue-cli编译过程（package.json）
serve：执行编译和热更新：Ctrl+s，浏览器实时更新
build：本地调试完需要部署代码前，打包的命令
lint：检验文件代码的合格性(对eslint的校验)
5、重要文件
（1）App.vue文件
<template>元素的作用是搭建vue文件的结构
<script>元素的作用是对当前文件逻辑进行交互
<style>元素的作用是对当前文件的样式进行修饰
