国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

vue.cli腳手架初次使用圖文教程

ccj659 / 2742人閱讀

摘要:作用作為的腳手架,可以幫助我們在實際開發(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

相關(guān)文章

  • 手挽手帶你學VUE:四檔 Vue-cli3 Vuex Vue-router

    摘要:安裝過后到命令行執(zhí)行檢查版本,如果彈出版本的話恭喜你安裝成功,我們開始進行下面的步驟了。全局安裝的包名稱由改成了。如果你已經(jīng)全局安裝了舊版本的或,你需要先通過卸載它。中的非常類似于事件每個都有一個字符串的事件類型和一個回調(diào)函數(shù)。 視頻教程 由于思否不支持視頻外鏈,視頻請移步http://www.henrongyi.top 你能學到什么 在這一期的學習進度中,我們會開始學習在我們工作開...

    Sourcelink 評論0 收藏0
  • 手挽手帶你學VUE:四檔 Vue-cli3 Vuex Vue-router

    摘要:安裝過后到命令行執(zhí)行檢查版本,如果彈出版本的話恭喜你安裝成功,我們開始進行下面的步驟了。全局安裝的包名稱由改成了。如果你已經(jīng)全局安裝了舊版本的或,你需要先通過卸載它。中的非常類似于事件每個都有一個字符串的事件類型和一個回調(diào)函數(shù)。 視頻教程 由于思否不支持視頻外鏈,視頻請移步http://www.henrongyi.top 你能學到什么 在這一期的學習進度中,我們會開始學習在我們工作開...

    AlphaWallet 評論0 收藏0
  • Vue項目環(huán)境搭建教程

    摘要:項目環(huán)境搭建教程針對開發(fā)工具等一下載和下載鏈接中文官網(wǎng)下載好之后使用命令行再次確認查看順便看看內(nèi)置的版本如果是非安裝包形式,安裝的直接解壓的,不是程序安裝的形式,需要配置環(huán)境變量,必要時還需要配置要使用的版本出 ...

    darkbaby123 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<