關閉→
當前位置:趣知常識網>遊戲數碼>互聯網>vue檔案怎麼執行

vue檔案怎麼執行

趣知常識網 人氣:2.47W

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張

特別提示

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

TAG標籤:#vue #檔案 #執行 #