之前使用Vue.js做了一個單頁的應用程式─記帳本，最近用來做看看一整個網站，研究了一下Vue Router，看一下單頁文件檔怎樣用，因為要做一整個網站不可能所有程式都放在同一個檔案，但用了半天發現還是得搭配Vue Cli的產生工具來做，然後用Vue Cli開啟一個webpack專案，透過基本的指令可以產生一個包含許多開發的常用工具，包含Vue Loader和熱重載之類的，有了Vue Loader才有辦法解析單頁文件檔。
在Cloud 9的安裝過程基本上可參考→https://cn.vuejs.org/v2/guide/installation.html#命令行工具-CLI
但是在run的時候，進入https://localhost:8080，會出現「No application seems to be running here!」，這時要在/my-project/package.json，裡面的dev做修改
原本的設定是這樣
"scripts": {
"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
...
},
將它修改成
"scripts": {
"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --public $C9_HOSTNAME --host $IP --port $PORT",
...
},
這樣就會出現初始的畫面了！
會使用Vue Cli之後，發現這工具好方便，修改程式存檔，執行畫面會立刻改變，還能自動產生靜態檔案，也能自動加入使用Vue Router，但這麼方便就覺得，其實所有的套件也都要一起用，沒有像官方網站一開始說的那麼簡單輕巧，可以分散使用。
參考網站：
http://blog.tonycube.com/2017/05/vuejs-10-single-file-components.html
以上就是過年前在公司沒事做研究成果…