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

原创
2017/03/21 18:38
阅读数 495

 

 

准备工作

安装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中的图

 

打完收工!

如果有问题,欢迎交流。

展开阅读全文
打赏
0
2 收藏
分享
加载中
更多评论
打赏
0 评论
2 收藏
0
分享
返回顶部
顶部