使用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打开工程

注:本博客仅仅自身所学经验总结,若有失误请多多谅解。若是涉嫌侵权,泄密。请联系博主,博主会第一时间删除

相关文章
相关标签/搜索