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

第一步:javascript

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

第二步:webpack

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

第三步:npm

下載而後解壓文件,運行iView.exe,以下圖iview

第四步:ui

根據界面提示,建立新工程操作系統

第五步:命令行

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

第六步:

通過前五步,打開工程後能夠看到以下圖

第六步:設置使用本地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打開工程

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

相關文章
相關標籤/搜索