資訊專欄INFORMATION COLUMN
摘要：作用作為的腳手架，可以幫助我們在實際開發(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/#/ ，會看到歡迎頁：
上面是在本地運行，服務(wù)器上運行：
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://systransis.cn/yun/82839.html
摘要：安裝過后到命令行執(zhí)行檢查版本，如果彈出版本的話恭喜你安裝成功，我們開始進行下面的步驟了。全局安裝的包名稱由改成了。如果你已經(jīng)全局安裝了舊版本的或，你需要先通過卸載它。中的非常類似于事件每個都有一個字符串的事件類型和一個回調(diào)函數(shù)。 視頻教程 由于思否不支持視頻外鏈，視頻請移步http://www.henrongyi.top 你能學(xué)到什么 在這一期的學(xué)習進度中，我們會開始學(xué)習在我們工作開...
摘要：安裝過后到命令行執(zhí)行檢查版本，如果彈出版本的話恭喜你安裝成功，我們開始進行下面的步驟了。全局安裝的包名稱由改成了。如果你已經(jīng)全局安裝了舊版本的或，你需要先通過卸載它。中的非常類似于事件每個都有一個字符串的事件類型和一個回調(diào)函數(shù)。 視頻教程 由于思否不支持視頻外鏈，視頻請移步http://www.henrongyi.top 你能學(xué)到什么 在這一期的學(xué)習進度中，我們會開始學(xué)習在我們工作開...
摘要：項目環(huán)境搭建教程針對開發(fā)工具等一下載和下載鏈接中文官網(wǎng)下載好之后使用命令行再次確認查看順便看看內(nèi)置的版本如果是非安裝包形式，安裝的直接解壓的，不是程序安裝的形式，需要配置環(huán)境變量，必要時還需要配置要使用的版本出 ...
閱讀 1726·2021-11-24 09:39
閱讀 3221·2021-11-22 15:24
閱讀 3129·2021-10-26 09:51
閱讀 3319·2021-10-19 11:46
閱讀 2928·2019-08-30 15:44
閱讀 2254·2019-08-29 15:30
閱讀 2571·2019-08-29 15:05
閱讀 816·2019-08-29 10:55
