vue-cli腳手架

　　vue-cli　　腳手架，就是說，在 nodejs 中利用 webpack ，幫咱們對 vue 進行了配置，使咱們能夠很方便的在 nodejs 中對 vue 來進行操做

　　vue 項目的渲染組件分兩種方式渲染

　　　　runtime-complier 與 runtime-only

　　runtime-complier 與 runtime-only 的區別？

　　　　二者的區別 runtime-complier 模式，組件只要更新，整個 vue 都會從 beforecreate 開始，從新渲染，runtime-only 從 mounted 開始，兩者中後者的性能上要好一些，選擇 runtime-only 

　　建議使用全局安裝 vue-cli 版本

　　　　npm i -g vue-cli　　// 這種安裝的是 vue-cli 2.0 版本，是穩定版

　　基於 webpack 的 vue 的項目名稱

　　　　vue init webpack shangapp　　// shangapp 是項目的名稱，能夠隨意取名字

　　　　如圖：

　　　　　　

　　　　　　

　　啓動項目的指令：

　　　　cd 項目的名稱

　　　　npm run dev 開啓服務器

　　　　npm run build 編譯打包

　　下載後面目錄結構

　　　　

　　vue.use()　　向 vue 中添加 router 選項

　　@ 將相對參考文件　　index.html 　　@ 表明 src

　　如圖在 src 下面的 route 文件裏面的 index.js 文件中

　　　　

　　src 與 static 的區別？

　　　　static 和 src 下面的 assets 同樣的，能夠放 js 文件，圖片，css 等等，在 npm run build 打包編譯的時候，static 下的文件不會被壓縮，而 src 下的文件會被壓縮

　　項目完成後，打包後不能直接打開文件，要在項目開發完成以後，須要修改的一處地方 

　　在 項目的目錄下 config 的文件中的 index.js 的文件裏面（共兩處）

　　　　

　　　　

　　當咱們將這兩處改了以後，咱們在運行 npm run build 的指令 來進行打包編譯，這樣的，咱們的效果才能出來，可是，在次到服務器上運行的時候，就可能會失敗，由於腳手架的限制，因此咱們儘量的肯定項目上線的時候，再來進行打包編譯