IVIEW的安装和问题解决

第一步:

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

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


第二步:

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

IVIEW的安装和问题解决


第三步:

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

如下图所示:


IVIEW的安装和问题解决

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

第四步:

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

IVIEW的安装和问题解决

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

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

IVIEW的安装和问题解决


如果在安装过程中遇见错误问题:

IVIEW的安装和问题解决

说明NODE.JS没有安装正确,或者环境变量没有设置成功, 需要重新安装NODE.JS或者设置环境变量

IVIEW的安装和问题解决


在执行

npm install 命令时如果遇到下图情况:

IVIEW的安装和问题解决

出现此种问题的原因是npm的版本过低

运行npm install -g npm后

再运行npm install -g vue-cli

如果访问时间过长导致出现问题,不妨尝试运行v*n

执行过后再执行

npm run dev就OK了

最后在弹出的网页界面中输入密码进入IVIEW网页:

IVIEW的安装和问题解决IVIEW的安装和问题解决