確認windows本機是不是安裝了nodejs 和 vue-cli,win+r打開cmd,輸入nodejs -v 即可查看是否安裝了nodejs,輸入vue-cli 查看是否安裝了 vue-cli。若無請自行安裝。

利用vue-cli創建vue項目,vue init webpack demo (demo 是自定義的名稱)。按提示輸入信息,然后一路回車,最終項目就會在當前目錄下創建了(我的當前目錄是c盤)。

創建完成后,打開c盤,查看當前的demo文件夾,這就是vue-cli 幫我們生成項目結構。在瀏覽器上訪問loclahost:8080,查看是否啟動成功!

怎么運行這個vue項目呢?進入到項目的根路徑,使用npm run dev!

vuejs是個前端框架,npm run dev的目的在於前端開發的時候可以實時調試。所以npm run dev 只是開發時期會用到,在生產環境中我們應該使用nginx,apahce tomcat等應用服務器部署!現在嘗試把這個項目放到本地的tomcat服務器上去運行。首先npm run build,然后把dist下生成的文件丟到一個tomcat服務器webapp下面的一個自定義文件夾(我的是demo)。

啟動tomcat服務器,在瀏覽器上查看項目是否部署成功!
作者:宇落星辰_30ba
鏈接:https://www.jianshu.com/p/5d90d862f80e
來源:簡書
著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。