一 vue-cli構建項目
vue-cil構建項目：查看官網
vue-cli是vue腳手架工具,極其方便開發,可以 npm install --global vue-cli ?全局安裝
二 項目文件結構
如上圖所示,就是我們項目的目錄結構了.
通過表格給大家展示一下這些目錄結構的作用：
build: 這個是我們最終發布的時候會把代碼發布在這里，在開發階段，我們基本不用管。
config: 配置目錄，我們可以進行端口的配置，默認配置沒有問題，所以我們也不用管.
static : 靜態資源存放目錄
src : 開發目錄 ? 至于node_modules和package.json就不多說了
三 SRC文件夾的情況
commponents目錄（組件文件目錄）：里面放了一個演示的組件文件，一般在開發中我比較喜歡把VUE組件放在這里面，你可以打開看下。當然，也可以直接刪除。
App.vue是項目入口文件（最終的編譯全靠它）。當然，我們需要改造，改造成我們可以使用的樣子的。后面的博文會說。
main.js這是項目的核心文件。全局的配置都在這個文件里面配置，這里可以配置全局組件和指令等，很好奇吧？我后面會詳細的講這里怎么搞。
我們在src/page目錄下面新建兩個文件，分別是index.vue和content.vue，代碼分別是：
? ?安裝VueRouter2
在基本的VUE開發環境中，我們在構建項目時，需要安裝VueRouter2到我們的項目。參考文檔見VueRouter2安裝文檔
在我們的項目中打開終端，然后執行npm install vue-router -D命令。
我們查閱文檔或者看官網的截圖，會知道，命令是npm install vue-router，那為什么要加一個-D的參數呢？這個是為了讓我們的安裝的vue-router這個插件寫入到package.json配置文件中。以便于下次再其他地方安裝的時候，可以一并安裝進去，否則，還得再安裝一遍。
```
import vue from vue
extend default (
data{})
```
