vue-cli是用node編寫的命令行工具，我們需要進行全局安裝。打開命令行終端，輸入如下命令：
$ npm install -g vue-cli
這里使用的是npm，為了開發的便利，推薦安裝cnpm，這樣運行指令會更迅速，安裝命令如下：
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
注意：確保node的版本為4.x、5.x及以上。
我們可以使用vue-cli來快速生成一個基於Webpack構建的項目，打開命令行終端，通過cd指令定位到指定的路徑下,輸入如下命令：
$ vue init webpack vueExamp
執行命令后，會有一些命令行交互，我們可以初始化一些項目信息，如下圖所示：
項目初始化完成以后，會在當前目錄下生成如下目錄結構，進入vueExamp目錄，安裝項目的依賴，執行如下命令：
$ cpm install
依賴安裝完成以后，來了解一下項目的目錄結構：
啟動項目，執行如下命令：
$ cpm run dev
如果運行中報如下錯誤：Resolve error: unable to load resolver "node"
執行如下命令：
$ cnpm install --save-dev eslint-import-resolver-node
默認端口號是8080，打開瀏覽器，輸入http://localhost:8080,生成的頁面如下圖所示：
這樣，最基本的框架就已經搭建完畢了，接下來就是配置路由以及編寫組件了。