vue.js怎么安装依赖包

本文环境:windows7、vue2.9.6,该方法适用于所有品牌的电脑。

vue.js安装依赖包的方法:

UI库: element-ui iview

npm i element-ui -S
在项目中引入 element-ui 在入口文件main.js中配置:
 (全局引入,会把组件库里所有的组件和css引入)
  import ElementUI from 'element-ui';
  import 'element-ui/lib/theme-chalk/index.css';
  Vue.use(ElementUI);
npm install iview -S
在项目中引入iview 在入口文件main.js中配置:
 (全局引入,会把组件库里所有的组件和css引入)
import iView from 'iview'
import 'iview/dist/styles/iview.css'
Vue.use(iView)

安装依赖包: babel-polyfill

vue cli3-IE浏览器 babel-polyfill  (如果新建项目的时候安装了 babel-loader依赖,就不需要安装babel-polyfill,babel-loader包含了)
(题主的项目应用常规的vue-cli3构建项目,在兼容IE浏览器时遇到的问题,做一下记录,IE11版本浏览器不支持ES6百分之85��语法规范,在vue项目中选择使用babel-polyfill兼容语法)
(1)安装babel-polyfill: npm install babel-polyfill --save-dev
(2)在main.js引用:  import 'babel/polyfill'   (可能是 import '@babel/polyfill' )
(3)babel.config.js 配置:
    module.exports = {
      presets: [
        ['@vue/app', {
          useBuiltIns: 'entry'
        }]
      ]
    }
(4)vue.config.js配置: 
    chainWebpack (config) {
      config.entry('main').add('babel-polyfill')
    }
 ()package.json里面的.browserslistrc
    【
      > 1      last 2 versions
      not ie <= 10
    】

以上就是vue.js怎么安装依赖包的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读

    学习写字楼新选择6000元主流配置

    学习写字楼新选择6000元主流配置,,这种配置需要考虑双核心的办公和娱乐平台,充分考虑办公室的办公需求和娱乐需求,以约6000元的预算和cost-e

    酷睿I7 配置

    酷睿I7 配置,配置,玩家国度啦华硕 Rampage II Extreme(3800元)如果米不够,也可以把Extreme改为Gene,不过是小板内存推荐金士顿6G DDR3 2000骇

    提高3A四核羿龙II游戏配置的性能

    提高3A四核羿龙II游戏配置的性能,,以节能环保为主题的IT产业,目前3A低端平台处理器、主板芯片组、独立开发卡性能突出,特别是在与AMD的处理

    opporeno8参数配置及价格

    opporeno8参数配置及价格,面部,亿元,Oppo的荣誉2020年1月4日,接近屏幕关闭传感器是否支持双卡:支持oppor11splus什么时候上市的Oppo R11S P

    设置里程碑|设置里程碑的方法有哪些

    设置里程碑|设置里程碑的方法有哪些,,1. 设置里程碑的方法有哪些1、通过挑战风险,突破认知,从而突破自我。只有在某些特殊的时刻,比如想法和

    查看配置:酷睿i3530集展示办公平台

    查看配置:酷睿i3530集展示办公平台,,由于时间和精力的关系,我们不可能对所有的配置进行评论,希望我们能理解,我希望我们的评论能在那些需要帮

    3500元超额值学生娱乐结构的优化配置

    3500元超额值学生娱乐结构的优化配置,,作为一个DIY的主流用户领域的学生,每个用户51学生攒机的高峰。因为学生用户没有稳定的收入来源,攒机