vue檔案怎麼執行

來源:酷知科普網 2.65W

vue檔案怎麼執行呢?下面就跟小編一起來看一看吧。

vue檔案怎麼執行

操作方法

(01)首先,列出來我們需要的東西:環境(npm包管理器)vue-cli 腳手架構建工具cnpm  npm的TB映象

vue檔案怎麼執行 第2張

(02)如果你是用vue-cli webpack builid之後,放到web伺服器,訪問就可以運行了。

vue檔案怎麼執行 第3張

(03)常見的web伺服器有tomcat,nginx等。推薦使用nginx。

vue檔案怎麼執行 第4張

(04)在專案目錄中,執行命令 npm run dev ,會用熱載入的方式執行我們的應用,熱載入可以讓我們在修改完程式碼後不用手動重新整理瀏覽器就能實時看到修改後的效果。

vue檔案怎麼執行 第5張

(05)這裡簡單介紹下 npm run dev 命令,其中的“run”對應的是檔案中,scripts欄位中的dev,也就是 node build/命令的一個捷徑。專案執行成功後,瀏覽器會自動開啟localhost:8080(如果瀏覽器沒有自動開啟,可以手動輸入)。

vue檔案怎麼執行 第6張

特別提示

如果看不懂,請教專業人員。

熱門標籤