（68）Vue-cli 目录与文件

一、文件目录介绍

二、单文件组件

单文件组件可以将组件的功能统一保存在以 .vue 为扩展名的文件中。

三、HelloWorld.vue文件

该文件是一个组件文件，文件中有三个标签，<template>标签代表我们之前书写的template选项，我们知道我们之前书写起来很不方便，但是我们通过这种标签的方式书写，写起来更容易啦！

<script>标签用于导出组件，供我们的App.vue根组件进行使用。

<style>标签可以书写样式代码，这里面可以通过lang属性指定预处理器，比如我们要写less代码，我们就可以将lang的属性值取值为less，这样我们就可以再<style>标签当中书写less代码啦！

四、main.js文件

该文件是我们的入口文件，我们之前是通过<script>标签的src属性来引入js文件，现在我们通过import的方式进行vue文件的引入。