目錄/檔案	說明
build	專案構建(webpack)相關程式碼
config	配置目錄，包括埠號等。我們初學可以使用預設的。
node_modules	npm 載入的專案依賴模組
src	這裡是我們要開發的目錄，基本上要做的事情都在這個目錄裡。裡面包含了幾個目錄及檔案： assets: 放置一些圖片，如logo等。 components: 目錄裡面放了一個元件檔案，可以不用。 App.vue: 專案入口檔案，我們也可以直接將元件寫這裡，而不使用 components 目錄。 main.js: 專案的核心檔案。
static	靜態資源目錄，如圖片、字型等。
test	初始測試目錄，可刪除
.xxxx檔案	這些是一些配置檔案，包括語法配置，git配置等。
index.html	首頁入口檔案，你可以新增一些 meta 資訊或統計程式碼啥的。
package.json	專案配置檔案。
README.md	專案的說明文件，markdown 格式

這裡面 最重要的還是src目錄的瞭解：

1.src/app.vue檔案

//展示模板

<template>
<div id="app">
<imag src="./assets/logo.png">
<hello></hello>
</div>
</template>

//匯入元件

<script>
//這裡是匯入的component
import Hello from './components/Hello'
export default{
name: 'app',
components:{
Hello
}
}
</script>
 

<!-- 樣式程式碼 -->
<style>
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>

修改Hello.vue中的return值： return：'zlw test'；