vue文件怎麼運行

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張

特別提示

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