使用iView-cli創建一個pc端網頁(1)


第一步:

打開網址https://www.iviewui.com/,進入iview-cli界面

第二步:

點擊iview工程,根據操作系統下載對應的工程。(博主是window版)

第三步:

下載然后解壓文件,運行iView.exe,如下圖

第四步:

根據界面提示,創建新工程

第五步:

進入文件夾,命令行npm install安裝依賴,使用npm run dev 啟動項目

第六步:

經過前五步,打開工程后可以看到如下圖

第六步:設置使用本地ip代替localhost訪問工程

打開工程webpack.base.config.js,添加代碼

,
     devServer: {
        // contentBase: "./dist",
        compress: true,
        hot: true,
        historyApiFallback: true,
        host: "192.168.6.42",
        port: 9898,
        inline: true
    },

  添加后如下圖

第七步:

重新啟動工程即可使用本地ip打開工程

注:本博客僅僅自身所學經驗總結,如有失誤請多多諒解。如果涉嫌侵權,泄密。請聯系博主,博主會第一時間刪除


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM