iView 2.0.0官方案例正确打开方式

 

 

准备工作

安装nodejs、webpack（容器）、webStorm（开发工具）

1、打开WebStorm从Git上clone项目，Git地址：https://github.com/iview/iview.git

2、webStorm左下角打开-Terminal

 

3、会出现这个界面，在此界面中输入 npm install

耐心等待，如果网速快的话，几分钟就搞定。

4、在此界面中输入 npm run init

这里需要注意：

• 第一次启动时必须使用此命令
• 如果修改package.json文件中的内容，必须使用此命令

这个会很快就搞定。

5、然后就是启动webpack程序，

在界面输入  npm run dev

启动之后程序会自动打开浏览器,

控制台的界面是这样的

浏览器中打开是这样的；

 

3、4、5三步另外的方式；

点击下图选中的按钮。运行命令

同样的方式运行其他两个命令

上一张生成代码后的项目；

运行第一个命令生成的nodejs相关的文件，以及项目依赖的文件。

 

最后上一张demo中的图

 

打完收工！

如果有问题，欢迎交流。

转载于:https://my.oschina.net/justplay/blog/864151