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