在前端這塊，涉及的有nodejs、webpack、Git、babel等等等等，好吧，當時我也是一臉懵逼，不過現在就好了那么一點了，那咱就直接上手吧
1、安裝nodejs，至於為什么安裝nodejs，前面也說了，只是為了使用里面自帶的npm包管理工具而已，現在這個時候深入nodejs無異於找死（每次用中文輸入法輸入npm，第一個顯示“你怕嗎”，我擦，我真的好怕，不信？
）
直接上官網安裝吧，官網傳送門（我還是先我電腦上的nodejs刪了吧，還原最真實現場）
基本上無腦安裝，下一步，下一步，等等，誰要是又安裝在C盤，那你就等着吧！！！
檢查一下nodejs安裝成功沒，win+R，輸入cmd，再輸入node -v,顯示版本號就表示安裝成功了
再來看看我們要的npm（你怕嗎？）
好的，完美，但是現在我們需要從Windows自帶的命令行轉到Git上，你說為什么？一，為了裝逼，二，還是為了裝逼，三，Git也具有命令行的功能，而且有五顏六色的黑，那就來安裝Git吧
Git安裝傳送門->選擇windows(好吧，我又要卸載我的Git了，心痛)
基本上也是無腦安裝，你再敢放C盤？？！！，就是下面這個界面了，五顏六色的黑，在桌面或者任何一個文件夾里右鍵就會有Git的身影
一般我只會用到Git bash here ，至於Git GUI Here是個Git界面，不推薦使用，畢竟不那么裝逼
在桌面打開Git，輸入node -v和npm -v，效果跟在Windows命令行一樣的
但是這里我推薦一下cnpm，這個跟npm是一毛一樣的，但是npm是在國外的，所以有時候下載速度會很慢，這個cnpm在網上說是npm的淘寶鏡像（應該是跟我想的淘寶有點關系的吧）
那就來安裝吧(看吧，我這里用npm安裝cnpm就有點慢了)
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
看下cnpm是否安裝成功,看到cnpm@5.2.0就應該有點小激動了
好了，做了這么多准備工作，該正式進入Vue了，在桌面打開Git
$cnpm install --global vue-cli（全局安裝vue-cli） $vue init webpack my-project(創建一個基於 webpack 模板的新項目)
然后一路回車就好，現在先不管這些,這個vue-router就是我們的vue的前端路由，當然選Y了
這個可能花費的時間比較長，因為要安裝相關的包
完成后出現了“To get started”，那咱就按它說的做吧
$cd my-project
$cnpm run dev
然后眼前閃過一堆代碼，最后一句，你所創建的應用已經在運行，可以打開你的瀏覽器，輸入“http://localhost:8080”就能看到默認界面了
現在就找一找我們創建的文件吧，在桌面上的某個地方，打開它，這里推薦一款比較好的編輯器，sublime，以后我都會使用這個編輯器的
把這個文件拖到sublime里去看下，文件的介紹我會稍后說
最后就是發布了（這個跟webapi是一樣的）
$cnpm run build
發布完后，會有提示說，該文件必須放到服務器上才能有用，稍后再放進去吧
然后你的項目文件夾會出現一個dist（distribution的縮寫）的文件，這個就是發布后的文件，
然后把這個文件上傳到服務器上就好了，那么問題來了，該怎么上傳呢？
過了這么久，你只記得
卻獨獨忘了我，我的作用也挺大的啊，為什么要拋棄我…
打開WinSCP，輸入相關信息（經常使用的話，可以點“save”），點擊login
然后就進來了，再回到根目錄，一直點箭頭指向的地方
原則上放到服務器上任何一個地方都可以，但是我們就一定要有規范，那咱們就放到var文件夾吧，在進入www文件夾，
這個……aspnetcore有點熟悉啊，不就是我們在.net core 創建的網站嗎，沒錯啦，然后咱們就在這里新建一個wwwroot文件，來放網頁文件吧
空白處右鍵->new->Diretcory,輸入wwwroot，ok
我……這不是很尷尬，不怕，稍微懂點英語就知道“Permission denied”的意思，沒權限，那怎么搞呢？
回到putty，我putty又回來了，哈哈哈哈
root@ubuntu:/# chmod -R 777 /var/www
稍微解釋一下：
chmod：權限管理的關鍵字
-R：作用於指定目錄及其子目錄下所有文件
777：所有權限
/var/www：要指定的目錄
然后在會到WinSCP,點擊"Retry"（重試），然后就不會報錯了
進入wwwroot，空的（廢話），然后再把dist的里面的東西放到這里就好
那咱在在瀏覽器看下192.168.253.129？唉？不對啊，這不是我想要的啊，別急，還記得jexus嗎，我們還需要在這里配置一下呢
上次編輯jexus的siteconf的文件是在putty里編輯的，現在有了WinSCP了，直接找到那個文件就好
但是這里已經有個文件了，該怎么辦呢？沒關系，代理服務器的作用就是可以讓外部訪問代理服務器指定的端口，也就是說可以在服務器上放多個網站。
首先復制粘貼這個default文件
右鍵default文件->Diplicate,修改一下名字就好
雙擊666，？？！！雙擊wwwroot
port=80 root=/ /var/www/wwwroot（網頁存放的路徑） hosts=* #OR your.com,*.your.com # addr=0.0.0.0 # CheckQuery=false NoLog=true # AppHost={CmdLine= dotnet /var/www/aspnetcore/aspnetcoreapp.dll;AppRoot=/var/www/aspnetcore/;Port=0}（重新注釋掉這一行） # NoFile=/index.aspx # Keep_Alive=false # UseGZIP=false
最后既然配置好了，就要重新啟動jexus，讓新配置生效
root@ubuntu:/# sh /usr/jexus/jws restart
然后再來看看192.168.253.129，啊哈，有效果了
到這里，前端網頁部署到服務器上已經完成了，其中最主要的就是我們在webapi和vue的開發了，或許有人會問，那我在數據庫的數據怎么在前端展示呢？不急慢慢來，這么多東西，其中肯定會出錯的嗎，即使不出錯，把這些過程多練習幾遍，也會出錯的，相信我