一、通过命令行运行
1、前往github下载整个iview-admin框架的全部源码
github地址:https://github.com/iview/iview-admin
2、点击Clone or download绿色按钮。下载整个压缩包
3、解压至D/E/F盘都行,
在根目录中按照 shift+右键,然后选择输入cmd 回车进入命令行窗口,
输入:npm install 安装相关的模块包
如下图所示:
安装的过程需要一些时间,因为要下载59个模块包。
如果运行命令命令行窗口没反应,可以在根目录刷新看下有没有node_modules目录。如果有则是正在安装,若没有则在命令行中按:ctrl+c退出命令,然后重新输入:npm install,并回车。
若在安装59个包的中图卡住,也可以按ctrl+c激活下命令行窗口。
成功
4.第3步成功后,则输入npm run dev 就可以运行iview-admin了
启动浏览器会自动跳转http://localhost:8080,即iview admin的登陆页面
红色框的地址就是项目地址,默认是用默认浏览器打开,你可以直接复制在其它浏览器打开。
在浏览器打开的期间需要稍等几分钟,因为它整个项目会有一次打包压缩编译的过程。
直到出现如下图所示就可以正常使用和二次开发了
二、通过webstrom去运行
1.先需要安装git(安装简单,此处不再阐述),之后打开webStrom 配置git
File–setting
url就是要引入的git存储库即
https://github.com/iview/iview-admin
由于我的目录已经存在,这里显示不能引入,只需换个目录点击克隆即可,几分钟之后会提示右下角会提示npm install,点击安装vue-cli的脚手架即可
2.运行,鼠标右键点击 show npm scripts
绿色按钮点击运行
成功
需要注意的是如果通过命令运行就不要再用webstrom运行,否则会出现端口占用问题