vue文件運行的方法教學
更新時間：2019年02月12日 11:24:52 投稿：laozhang
在本篇文章里小編給大家分享了關于vue文件運行的方法教學內容，有需要的朋友們跟著學習下。
vue文件怎么運行呢？下面就跟小編一起來看一看吧。
1、首先，列出來我們需要的東西：
- node.js環(huán)境（npm包管理器）
- vue-cli 腳手架構建工具
- cnpm npm的TB鏡像
2、如果你是用vue-cli webpack builid之后，
放到web服務器，訪問index.html就可以運行了。
3、常見的web服務器有tomcat，nginx等。
推薦使用nginx。
4、在項目目錄中，運行命令 npm run dev ，會用熱加載的方式運行我們的應用，熱加載可以讓我們在修改完代碼后不用手動刷新瀏覽器就能實時看到修改后的效果。
5、這里簡單介紹下 npm run dev 命令，其中的“run”對應的是package.json文件中，scripts字段中的dev，也就是 node build/dev-server.js命令的一個快捷方式。
項目運行成功后，瀏覽器會自動打開localhost:8080（如果瀏覽器沒有自動打開，可以手動輸入）。
相關文章
下面小編就為大家分享一篇基于axios封裝fetch方法及調用實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
這篇文章主要介紹了vue3使用vite搭建的項目需要安裝的插件/配置方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
這篇文章主要介紹了Vue+Mockjs模擬curd接口請求的示例詳解,本文通過示例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-07-07
這篇文章主要為大家介紹了Vue3源碼解讀靜態(tài)提升示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-08-08
路由懶加載是一種優(yōu)化技術，用于延遲加載應用程序中的路由組件，它可以提高初始加載速度并減少資源消耗，特別適用于大型單頁應用，下面我們就來看看它的原理與使用吧2023-08-08
Vue + Vue-router 同名路由切換數(shù)據(jù)不更新的方法
本篇文章主要介紹了Vue + Vue-router 同名路由切換數(shù)據(jù)不更新的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-11-11
這篇文章主要為大家介紹了Vue3源碼分析組件掛載初始化props與slots實例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-10-10
vue如何導出文件流獲取附件名稱并下載(在response.headers里解析filename導出)
這篇文章主要介紹了vue如何導出文件流獲取附件名稱并下載(在response.headers里解析filename導出),具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-07-07
Vue項目從webpack3.x升級webpack4不完全指南
前段時間，泡面將自己的一個Vue-cli構建的前端框架從webpack3.x升級到了4.x版本，現(xiàn)在才拉出來記錄一下，已備忘之用，也和大家分享一下,需要的朋友可以參考下2019-04-04
這篇文章主要介紹了Vue雙向綁定實現(xiàn)原理與方法,結合實例形式詳細分析了發(fā)布者-訂閱者模式、臟值檢查、數(shù)據(jù)劫持與雙向綁定相關實現(xiàn)技巧,需要的朋友可以參考下2020-05-05