iview的使用入门

Posted lanyb009

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了iview的使用入门相关的知识,希望对你有一定的参考价值。

(1)在git bash中安装iview,即:

npm install iview --save

(2)在main.js中引用并注册iView,即:

import iView from ‘iview‘
import ‘iview/dist/styles/iview.css‘

Vue.use(iView)

(3)为了统一IView标签的书写规范,通过安装iView Loader,即:

npm install iview-loader --save

然后修改webpack选项,如下:

 1 rules: [
 2    ...(config.dev.useEslint ? [createLintingRule()] : []),
 3    {
 4      test: /.vue$/,
 5      use: [
 6        {
 7          loader: ‘vue-loader‘,
 8          options: vueLoaderConfig
 9        },
10        {
11          loader: ‘iview-loader‘,
12          options: {
13              prefix: false
14          }
15        }
16      ]
17      
18    },
19    {
20      test: /.js$/,
21      loader: ‘babel-loader‘,
22      include: [resolve(‘src‘), resolve(‘test‘), resolve(‘node_modules/webpack-dev-server/client‘)]
23 }

 

以上是关于iview的使用入门的主要内容,如果未能解决你的问题,请参考以下文章

推荐net开发cad入门阅读代码片段

Atom编辑器入门到精通 Atom使用进阶

Cg入门20:Fragment shader - 片段级模型动态变色(实现汽车动态换漆)

Atom编辑器入门到精通 Atom使用进阶

Atom编辑器入门到精通 Atom使用进阶

Atom编辑器入门到精通 Atom使用进阶