1. Vue项目的创建

    可参见步骤 https://www.cnblogs.com/huangxuanya/p/11652630.html

（1）在待创建的文件夹下，摁住Shfit键+鼠标右键，打开powershell

输入“vue create 项目名称”，并回车

（2）创建成功后直接npm install会报错，需要通过cd C:\Users\ccb\Desktop\Last\project，切换到项目文件夹下，安装依赖包：npm install

（3）启动项目：npm run dev或者npm run serve（看看哪个会成功）

（4）启动成功：

（5）项目启动成功

2. vue项目目录结构分析

3 vue组件(.vue文件)

# 1) template：有且只有一个根标签

# 2) script：必须将组件对象导出 export default {}

# 3) style: style标签明确scoped属性，代表该样式只在组件内部起作用(样式的组件化)# 如果将scoped去掉就变成全局的了，然后全局有有每个子组件的样式就会加载最后子组件的样式

<template>

    <div class="test">

    </div>

</template>

<script>

    export default {

        name: "Test"

    }

</script>

<style scoped>

</style>

    exportdefault{name:"Test"}