在vuejs中引用iview

这里还介绍一种ui框架，有兴趣的可以也试试

一、创建vue项目，这是在nodejs安装时创建项目的步骤一样

# 全局安装 vue-cli

$ npm install --global vue-cli

# 创建一个基于 webpack 模板的新项目

$ vue init webpack my-project

# 安装依赖

$ cd my-project

#安装

$ npm install

#执行

$ npm run dev

创建的项目过程

 

#进入到创建的项目目录下

$ cd vue-iview/

#安装依赖

$ cnpm install

#执行

$ npm run dev

二、主要在项目下安装iview

$ cnpm install --save iview

三、 在src/main.js文件下增加三行引用iview

 

import iView from ‘iview’  //导入组件库

import ‘iview/dist/styles/iview.css’  // 导入样式

Vue.use(iView)

再就是通过别的网站查询，可以直接在main.js文件中引用以下两句，执行安装iview命令

 

这里注意一点，如果执行cnpm install命令出现如下图所示的错误，

 

执行如下方案即可，方案一即能解决此问题

 

ide错误提示在项目中将.eslintrc.js删掉，将.editorconfig和.eslintrc.json两个文件替换，在文件——>首选项——>设置——>用户设置里面将vscode_settings.txt文件的内容全选覆盖上

参考文献：http://blog.csdn.net/seek_of/article/details/78387186

作者：一定要取个名字嘛
链接：https://www.jianshu.com/p/fc692ec77ded
来源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。