ivew iview-project脚手架入门实战

iview大体上可以分为两种使用方式：

1，直接使用script引用iview的js。

2，使用iview提供的脚手架。

第一种方式使用script引用iview和vue比较简单，适合刚上手vue和iview的小伙伴。

第二种方式iview已经为我们提供了非常精彩的iview脚手架实例。

下载实例后，你需要安装node。

之后在含有package.json这个文件执行命令。

安装依赖：

 

npm install

第一次执行的话需要额外执行：

 

npm run init

然后是

 

npm run dev

文件分析

package.json文件中是我们安装的各种依赖。也就是说你的页面需要用到的各种依赖包都在这个文件中统一进行了管理。

scripts属性中自定义了很多命令。当然我们自己也可以添加我们自己想要的命令或者去修改原有的命令。

命令行下使用npm run 自定义命令 就可以执行这段脚本。

我们上面执行的 npm run dev 就是实例中为我们定义好的脚本命令。他实际上执行了一个webpack命令。在当前文件夹下找到buid文件夹下的webpack.dev.config.js。这就是npm run dev最终会执行的文件。

我们简单分析一下这个文件。