摘要:作用作為的腳手架,可以幫助我們在實際開發(fā)中自動生成的模板工程。
vue-cli作用
vue-cli作為vue的腳手架,可以幫助我們在實際開發(fā)中自動生成vue.js的模板工程。
vue-cli使用!!前提:需要vue和webpack
安裝全局vue-cli
npm install vue-cli -g
初始化,生成項目模板(my_project是項目名,自己隨意)
vue init webpack my_project
進入生成的項目文件夾
cd my_project
初始化,安裝依賴
npm install
run:
npm run dev
瀏覽器會自動打開到http://localhost:8080/#/ ,會看到歡迎頁:
上面是在本地運行,服務器上運行:
npm run build
生成靜態(tài)文件:
打開dist文件夾下新生成的index.html文件,會發(fā)現(xiàn)頁面空白,打開控制臺會發(fā)現(xiàn)頁面中引用的css和js文件都找不到:
說明引用路徑錯了,需要手動修改:
進入config/index.js
原配置中的引用路徑是’/’(根目錄):
修改為’./’(當前目錄):
run:
npm run build
Done:
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/82839.html
摘要:安裝過后到命令行執(zhí)行檢查版本,如果彈出版本的話恭喜你安裝成功,我們開始進行下面的步驟了。全局安裝的包名稱由改成了。如果你已經(jīng)全局安裝了舊版本的或,你需要先通過卸載它。中的非常類似于事件每個都有一個字符串的事件類型和一個回調(diào)函數(shù)。 視頻教程 由于思否不支持視頻外鏈,視頻請移步http://www.henrongyi.top 你能學到什么 在這一期的學習進度中,我們會開始學習在我們工作開...
摘要:安裝過后到命令行執(zhí)行檢查版本,如果彈出版本的話恭喜你安裝成功,我們開始進行下面的步驟了。全局安裝的包名稱由改成了。如果你已經(jīng)全局安裝了舊版本的或,你需要先通過卸載它。中的非常類似于事件每個都有一個字符串的事件類型和一個回調(diào)函數(shù)。 視頻教程 由于思否不支持視頻外鏈,視頻請移步http://www.henrongyi.top 你能學到什么 在這一期的學習進度中,我們會開始學習在我們工作開...
摘要:項目環(huán)境搭建教程針對開發(fā)工具等一下載和下載鏈接中文官網(wǎng)下載好之后使用命令行再次確認查看順便看看內(nèi)置的版本如果是非安裝包形式,安裝的直接解壓的,不是程序安裝的形式,需要配置環(huán)境變量,必要時還需要配置要使用的版本出 ...
閱讀 1644·2021-11-24 09:39
閱讀 3083·2021-11-22 15:24
閱讀 3091·2021-10-26 09:51
閱讀 3277·2021-10-19 11:46
閱讀 2891·2019-08-30 15:44
閱讀 2217·2019-08-29 15:30
閱讀 2537·2019-08-29 15:05
閱讀 773·2019-08-29 10:55