vue 项目中实用的小技巧_H5之家 - 中国HTML5教程资源分享第一站

东方_vue 项目中实用的小技巧

# 在Vue 项目中引入Bootstrap

有时在vue项目中会根据需求引入Bootstrap，而Bootstrap又是依赖于jQuery的，在使用npm安装时，可能会出现一系列的错误

1、安装jQuery

npm install jquery

2、安装Bootstrap

npm install bootstrap@3

以上两步，也可以先在package.json 配置文件中指定版本号，湛江头条新闻网然后运行 n南宁头条新闻网pm install

安装完了以后项目是跑不起来的，尽松原头条新闻网管二者都已经安装成功了，但还是会报错 “Bootstrap"s JavaScript requires jQuery npm”，为了解决这个问题，可以在 main.js 入口文件中这样引入：

import $ from window.jQuery = $ require()

接下来，为了能够使用 Bootstrap的样式，可以在入口文件中引入 bootstrap.css。这个跟引入 Element UI 的方法白城头条新闻网一样

import

# 关闭 eslint 代码检查

很多人说关闭eslint检查的方式是注释掉 build/webpack.base.conf.js 文件昌都头条新闻网中关于eslint配置的这一部分。不知道是否因为Vue-cli 版本更新的缘故，在实际操作中，这样是行不通的。

正确的做法是把 config/index.js 文件中 dev 对象的useEslint 属性改赵县头条新闻网为false，官方的注释也说的很清楚

# 关闭部分eslint规则

其实 eslint 代码检查是非常好的，不仅规范个人的js书写，在团队多人协作开发中，更是起到了非常重要的作用。但有时候，这些规则有点过于死板，比如声明一个未使用的变量就会报错 “no-unused-vars”，想要关闭这个规则的话，可以打开 eslintrc.js 文件，将对应的规则改为0，即可关闭