奔三路 - 你30岁前的学习路!

奔三路学习网

当前位置: 主页 > vue面试通 > iview框架 >

iview使用教程之如何运行,附菜鸟详细步骤

时间:2017-11-22 18:25来源:未知 作者:admin
第一步: 前往github下载整个iview-admin框架的全部源码 github地址: https://github.com/iview/iview-admin 第二步: 点击Clone or download绿色按钮。下载整个压缩包 第三步: 解压至D盘,在根目录中按

第一步:

前往github下载整个iview-admin框架的全部源码

github地址:https://github.com/iview/iview-admin


第二步:

点击Clone or download绿色按钮。下载整个压缩包





第三步:

解压至D盘,在根目录中按照 shift+右键,然后选择“在此处打开命令窗口”。进入cmd命令窗口,输入:npm install 安装相关的模块包

如下图所示:



安装的过程需要一些时间,因为要下载59个模块包。
如果运行命令命令行窗口没反应,可以在根目录刷新看下有没有node_modules目录。如果有则是正在安装,若没有则在命令行中按:ctrl+c退出命令,然后重新输入:npm install,并回车。
若在安装59个包的中图卡住,也可以按ctrl+c激活下命令行窗口。

第四步:

第三步成功后,则输入npm run dev 就可以运行iview-admin了



红色框的地址就是项目地址,默认是用默认浏览器打开,你可以直接复制在其它浏览器打开。
在浏览器打开的期间需要稍等几分钟,因为它整个项目会有一次打包压缩编译的过程。

直到出现如下图所示就可以正常使用和二次开发了

(责任编辑:admin)
顶一下
(37)
3.1%
踩一下
(1143)
96.9%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片
发布者资料
史密斯 查看详细资料 发送留言 加为好友 用户等级:注册会员 注册时间:2017-11-24 11:11 最后登录:2018-09-02 11:09

关注奔三路