vue使用一些外部插件及样式的配置代码
2019-11-22 12:19
1376 查看
一、配置全局css及js样式
1.首先将事先写好的css文件及js文件放在src文件目录下的assets文件下
2.在main.js文件输上图右边两个红色框的代码
二、配置全局jQuery及bootstrap
安装插件步骤:
>: cnpm install jquery
vue/cli 3 配置jQuery:在vue.config.js中配置(没有,手动项目根目录下新建)
const webpack = require("webpack"); module.exports = { configureWebpack: { plugins: [ new webpack.ProvidePlugin({ $: "jquery", jQuery: "jquery", "window.jQuery": "jquery", Popper: ["popper.js", "default"] }) ] } };
BootStrap
>: cnpm install bootstrap@3
vue/cli 3 配置BootStrap:在main.js中配置
import "bootstrap" import "bootstrap/dist/css/bootstrap.css"
三、使用element-ui插件
使用说明见官网地址: https://element.eleme.cn/#/zh-CN
在main.js文件下配置:
四、配置axios 来完成前后台ajax请求
在main.js文件下配置:
五、配置vue-cookies
完成以上配置,就可以在前端看到是否保存了cookie,以及过期时间
总结
以上所述是小编给大家介绍的vue使用一些外部插件及样式的配置代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!
您可能感兴趣的文章:
相关文章推荐
- Eclipse中使用Checkstyle,checkstyle插件检查java代码的自定义配置文件:
- vue轮播图插件vue-awesome-swiper的使用代码实例
- 在windows平台下使用Android Studio的lldb插件调试andord程序的ndk代码的必要配置
- vue音乐播放器插件vue-aplayer的配置及其使用
- vue中七牛插件使用的实例代码
- VS Code使用之Vue工程配置format代码格式化
- Django项目中使用VUE插件配置
- myEclipse使用的一些小技巧(如java代码的模板配置,覆盖已在的括号,浏览jsp快捷配置)
- vue移动端裁剪图片结合插件Cropper的使用实例代码
- vim配置(自动补全,自动生成tag,一些使用插件taglist,nerdtree)
- VSCode保存插件配置并使用 gist 管理代码片段
- vue 项目移动端使用淘宝自适应插件 环境配置
- 详解VS Code使用之Vue工程配置format代码格式化
- Jetty在win10上的配置,IDEA中配置Jetty,Maven中配置Jetty插件,Eclipse中配置Jetty插件及其使用,通过java代码内嵌Jetty Server
- 使用VBS访问外部文本文件一些方法和脚本实例代码
- 对sublime的使用和配置的一些整理和总结(插件、快捷键等)
- 在vue项目中使用codemirror插件实现代码编辑器功能
- 关于vue-cli@3.0中使用EasyScroll插件--jsx语法以及Babel7配置
- Vue分页插件的前后端配置与使用
- seajs配置问题详解以及seajs一些插件的使用