利用node和npm環境我們可以很快的搭建一個vue環境。具體步驟，請看上一篇部落格。搭建完成後，我們可以看到生成的資料夾中包括如下檔案：

1、build資料夾是儲存一些webpack的初始化配置。config資料夾儲存一些專案初始化的配置。
2、node_modules是npm載入的專案依賴的模組。
3、src目錄是我們要開發的目錄，開啟是這樣的：

其中assets：用來放置圖片
components:用來放元件檔案
app.vue:是專案入口檔案，程式碼如下：

App.vue相當於一個元件
main.js是專案的核心檔案。程式碼如下：

import Vue from ‘vue’
import App from ‘./App’
import router from ‘./router’
這三句的意思是首先引入vue,然後引入了./App即App.vue檔案。最後一句是引入一段路由配置。
然後是例項化new Vue .el:’#app’意思誰將所有的元件都放在id為app的元素中。components表明引入的檔案，此處就是app.vue這個檔案,這個檔案的內容將以這樣的標籤寫進#app中。
觀察App.vue檔案我們看可以看到一共有三個部分，分別是。
webpack在編譯時可以將.vue檔案中的這三部分抽出來合成cinderella單獨的檔案。
4、static資料夾用來放置靜態資源目錄
5、index.html是首頁入口檔案
6、package.json是專案配置檔案