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

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

转载于:https://www.cnblogs.com/bigDipper/p/7649641.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值