iview-admin框架运行步骤(1.通过命令2.通过webstrom)

一、通过命令行运行

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运行，否则会出现端口占用问题