1、安裝vue-cli
npm install vue-cli
2、安裝之後初始化應用，用node進行初始化，選擇碟符
1. 執行 vue init webpack vue-demo
2. 進入建立的專案 cd vue-demo
3. 安裝依賴報 npm install
4. 啟動服務 npm run dev
5. 瀏覽器輸入localhost:8080進行測試訪問
以上解釋:初始化一個專案名為vue-demo的應用，並選擇使用 webpack 打包方式。在命令列中按照提示選擇初始化配置項。
3、中型到大型專案目錄結構(根據官方指導)

目錄結構解釋：

• build：檔案是 webpack 的打包編譯配置檔案。
• config：資料夾存放的是一些配置項，比如我們伺服器訪問的埠配置等
• App.vue:根元件，所有的子元件都將在這裡被引用。
• main.js:入口檔案的 js 邏輯，在 webpack 打包之後將被注入到 index.html 中。
• static:放置的是非元件的資源，比如圖片，字型等。
• index.html:整個專案的入口檔案，將會引用我們的根元件。
• src：功能區
  
  • api或util：抽取的公共請求或方法。
  • assets：放置的是元件的資源，比如元件的圖片，字型等。
  • components：存放vue元件。
  • router:存放vue路由。
  • vuex：存放狀態管理檔案
    
    • actions.js：處理methods的dispatch過來的名稱與之對應，並提交到mutations。
    • getters.js：存放共用的 Computed Getters，實現在多個元件之間的共享。
    • mutation-types.js：定義總的不同事件的型別，方便modules檔案中的模組去用。
    • modules：存放不同的模組功能區，裡面可以有自己的actions、mutations，store等。
    • store.js：存放把modules檔案下的多個模組集合在一起來建立 Vuex 例項,並匯出 store。