【无标题】

Vue脚手架

安装

npm install @vue/cli  -g

创建

cd/  切换到c盘目录
vue create  student    创建一个student的项目

运行项目

cd  student 进入项目目录
npm run serve  运行项目

vue 新建包目录详情：
node_modules 插件安装目录
public 公用文件和模板目录
*src 源文件目录（项目的源文件）
–assets 资源目录
----logo.png logo
–components 存储自定义组件目录
----Hello World.vue 默认组件
–*App.vue vue根组件
main.js 项目入口文件

-gitignore 上传到服务器器忽略配置
bable.config.js ES6 转ES5 配置
jsconfig.json js配置
*package.json 包管理（项目管理目录）
package-lock.json 插件安装地址缓存
README.md 项目说明文件
vue.config.js vue项目配置文件

vue：
1.template
有且仅有一个子节点

<template><div>内容</div></template>`

2.script 逻辑

data 必须是一个函数返回值

3.style 样式
vue的指令连接了template和script

<p class="green">{{msg}}</p>
<input v-model="msg"/>
            定义样式
<style type="text/css">
    .green{
        background-color: green;
        color:#FFF;
    }