用iview做一个html网页

一.官方文档
http://v1.iviewui.com/docs/guide/install
在线引用外部资源(注意外部资源必须是http://开头)

二.修改部分代码
1.把<template></template>替换成<div id='app'></div>


2.把 export default { }替换成 new Vue({ el:'#app' })
3.去掉 return{}
(注意自定义函数要反正new Vue上面)

三.让局域网内朋友访问
1.下载安装wampserver2.1
2.把js,css,images,index.html等资源放进 weamp中的www文件夹下
3.修改weamp文件夹中的httpd.conf如下:
ServerName localhost:80 替换为 ServerName localhost:3000
Listen 80 替换为 Listen 3000
Require 替换为 Require ip 192.168.2.122(改成自己电脑的ip)
4.修改weamp文件夹中的wampmanager.tpl如下:
http://localhost/ 替换为 http://localhost:3000/
http://loaclhost/phpmyadmin 替换为 http://loaclhost:3000/phpmyadmin
http://localhost/webgrind 替换为 http://localhost:3000/webgrind
5.局域网内朋友输入198.168.2.122:3000/index.html即可访问你的html
(注意必须关闭防火墙)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值