1.首先用官方vue-cli腳手架創建一個vue的集成環境（不會的請點擊我），目錄如下：
目錄結構介紹請閱讀博客：
https://www.jianshu.com/p/2769efeaa10a
2.然后在src下面的components目錄（組件目錄）下面新建一個Test.vue文件（文件首字母要大寫）文件內容如下：
3.在router目錄下面（路由跳轉目錄）下的index.js頁面中添加，我們剛才添加的Test.vue頁面的跳轉路由。文件內如如下：
4.使用快捷鍵Ctrl+~鍵，就可以出現命令行輸入頁面。如下所示：
5.命令行中輸入npm start 命令，如下所示：
如果成功后就會出現如下圖所示的信息：
想要停止的話可以輸入快捷鍵Ctrl+C接可以停止項目了，如下所示：
根目錄下面package.json文件是npm命令的集合文件，如下所示：
如果想要修改項目的端口地址的話，可以去config下面的index.js進行修改。如下所示：
界面上要是看到我們項目編寫的內容的話，就說明成功了。
這邊需要說一下的是：項目的全局vue名字叫做Vue.vue、啟動js文件是main.js
6.瀏覽器中輸入項目的啟動地址，看看是否配置成功。如下圖所示：
