美文网首页
在vuejs中引用iview

在vuejs中引用iview

作者: 一定要取个名字嘛 | 来源:发表于2018-06-01 10:22 被阅读0次

    这里还介绍一种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

    相关文章

      网友评论

          本文标题:在vuejs中引用iview

          本文链接:https://www.haomeiwen.com/subject/gpyhsftx.html