webpack+vue中安装使用vue-layer弹窗插件

JBPM4入门——2.在eclipse中安装绘制jbpm流程图的插件

本博文只是简要对JBPM4进行介绍,如需更详细内容请自行google 链接: JBPM入门系列文章: JBPM4入门——1.jbpm简要介绍 JBPM4入门——2.在eclipse中安装绘制jbpm流程图的插件 JBPM4入门——3.JBPM4开发环境的搭建 JBPM4入门——4.封装流程管理的工具类(JbpmUtil) JBPM4入门——5.流程定义的发布.查询.删除 JBPM4入门——6.流程实例的创建和执行 JBPM4入门——7.等待节点的单条线手动执行 JBPM4入门——8.等待节点的分…

webpack+vue中安装使用vue-layer弹窗插件

1.安装vue-layer插件 npm install vue-layer --save-dev 2.打包入口文件main.js中引入vue.vue-layer.并且将vue-layer添加到vue原型 import Vue from 'vue'; import layer from 'vue-layer' Vue.prototype.$layer = layer(Vue); 3.然后打包报如下错误 ERROR in ./node_modules/vue-layer/dist/vue-layer…

vue 中安装使用sass 报错遇到的问题整理

不出错的情况下,正常安装: 1.安装包: npm install node-sass --save-dev npm install sass-loader --save-dev (sass-loader依赖于node-sass) 2.在build文件夹下的webpack.base.conf.js的rules里面添加配置 { test: /\.sass$/, loaders: ['style', 'css', 'sass'] } 3.在APP.vue中修改style标签 <style lang=&qu…

【vue】vue.js安装教程/vue项目搭建

前提:已安装nodejs——npm (备注教程 “物理安装” ) 第一步:建了一个managerSys文件夹,用于保存项目第二步:从cmd进入该文件夹,之后开始安装vue.js相关 1)在该项目managerSys中安装npm(基于node.js,利用淘宝npm镜像安装相关依赖) 接上步输入命令: npm install -g cnpm --registry=https://registry.npm.taobao.org 2)安装全局vue-cli脚手架(用于帮助搭建所需的模板框架…

vue中自定义指令vue.direvtive，自定义过滤器vue.filter(),vue过渡transition

自定义指令默认设置的核心指令( v-model,v-bind,v-for,v-if,v-on等 ),Vue 也允许注册自定义指令.注意,在 Vue2.0 里面,代码复用的主要形式和抽象是组件——然而,有的情况下,你仍然需要对纯 DOM 元素进行底层操作,这时候就会用到自定义指令. 自定义指令相当于为元素添加一个自定义属性,只不过是以v-开头的自定义自定义指令的语法注意:在vue中使用时候,要加上v-,在定义的时候,要去除v- 自定义指令和自定属性,当元素渲染的时候该属性会被删除,后者不会被…

chrome中安装.crx后缀的离线插件

在前端开发中常常需要在chrome中安装一些插件辅助开发,比如最常用的Postman.React Developer Tools.Vue.js devtools等等...今天分享一下不需要“FQ”的插件安装方式.这些插件的安装需要分两种情况: 一.不需要处理可直接安装的插件(比如:React Developer Tools) 1.下载相应插件,网上很多: 2.打开chrome扩展程序管理页面:浏览器右上角自定义及控制按钮--->更多工具--->扩展程序: 3.勾选扩展程序管理页面上方开发者模式…

在vue中安装使用vux

最近因为的工作的原因在弄vue,从后端弄到前端之前一直用js,现在第一次接触vue感觉还挺有意思的,就是自己太菜了,这个脑子呀....不太够用.....页面设计用了一个叫vux的东西,vux可以提供一些组件,用起来还是比较方便的,因为自己比较菜吧,所以有很多东西还是不太深入了解...比如对vux自带样式的修改..希望有大牛看到的话也可以多多指点... 今天就记录一下vux的安装使用吧...... 首先自己要先新建一个vue项目,cmd进入到项目目录下,进行安装在项目目录下安装vux(也可以使用…

vue中封装一个全局的弹窗js

/** * Created by yx on 2017/12/21. */ export default { /** * 带按钮的弹框 *  */ showAlert:function(content,callback,singleButton){ if(typeof(content)=="string"){ if(callback){ if(singleButton){ // alert("内容加function两…

033——VUE中安装使用vue-devtools调试工具用于监控数据变化

vue官网:https://cn.vuejs.org/ 下的官方仓库:vue-devtools 安装到火狐或谷歌下都可以,安装成功之后,按F12查看就可以了…

vue中引入swiper(vue中的滑块组件vue-awesome-swiper)

第一步安装 npm install vue-awesome-swiper --save 第二部在main.js中引入 import VueAwesomeSwiper from 'vue-awesome-swiper' Vue.use(VueAwesomeSwiper) 然后就可以在组件中使用该插件 <template> <div> <swiper :options="swiperOption" ref="mySwiper"> &…

在 vue 中使用 vieiwer 图片预览插件

https://blog.csdn.net/WestLonly/article/details/79801800?utm_source=blogxgwz0 首先,感谢原作者官网链接 github地址项目需求需要做一个图片预览的插件,整体项目是用 vue 构建的,因此,急需要一款适合的插件来完成,找来找去,最终选中 viewerjs ,官方有demo,但是在vue中用使用的文档却没有,经过尝试,通过以下方式来实现 : 我的需求是局部组件中实现图片预览,流程如下: 1 构建插件需要的 DOM:…

【vue学习】vue中怎么引用laydate.js日期插件

此贴意在解决一个妹子的问题 https://q.cnblogs.com/q/101462 下载js包 http://www.layui.com/laydate/ 将laydate下载的包解压放入static index.html 引入其中黄色部分是添加的代码部分 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport"…

vue中移动端自适应的postcss-plugin-px2rem插件

flexible 主要是用来响应式改变根元素的字体大小安装命令 npm install lib-flexible --save 在main.js里面导入命令import 'lib-flexible' 要把index.html里面的<meta name='viewport'>标签删除;因为会自动添加 postcss-plugin-px2rem配置内容解释安装命令 npm i --save postcss-plugin-px2rem 创建一个名为vue.config.js的文件写入 modul…

vue 中使用 screenfull.js 全屏插件

参考网址: https://blog.csdn.net/houyibing930920/article/details/89214200 https://www.jianshu.com/p/cfbb13c32c9c…

layer弹窗插件实战用法小结1—— layer.alert()

http://layer.layui.com 第一节:layer.alert()弹窗的用法 1.解压layer-v2.2.zip压缩包 2.拷贝layer文件夹到实战项目目录 3.注意:layer.js是依赖jquery的,所以需要写上以下两行代码 <script type="text/javascript" src="js/jquery-1.10.2.min.js"></script> <script type="te…

SVN学习（三）——在Eclipse 中安装和使用SVN客户端插件

0 基本概念了解 0.1 SVN的工作原理:采取客户端/服务器模式——在服务器的版本库中保存项目文件的各个版本,所有参与协同开发的程序员在自己本地电脑上保存一个工作副本.SVN支持程序员将本地副本更新到服务器端的最新版本,也支持将本地副本的最新改变更新到服务器端,而且后面的更新不会覆盖前面的更新,而是作为一个新的版本被保存下来——SVN甚至支持将本地工作副本恢复为服务器端保存的某一个历史版本. 0.2 SVN基本操作 ①检出(checkout):将一个服务器端创建好的项目整个下载到本地,这是到项…

layer弹窗插件留言提交

function msgShow(getname,getuserid){ layer.open({ type: 1 //此处以iframe举例 ,title: '收件人:'+getname+'(ID:'+getuserid+')' //弹窗的标题部分(按照需求,传入参数并显示) ,area: ['490px', '430px'] ,shade: 0 ,offset: [ //为了演示,随机坐标 ] ,maxmin: true ,content: '<div class="cl pd-20&…

chrome浏览器中安装以及使用Elasticsearch head 插件

一.安装Elasticsearch head 插件下载安装包:https://github.com/liufengji/es-head/commit/121cdcb6d1b18656461e4889e0cf0bc38ebf4634#diff-de7a40d0634413df022c405e8eccba4a 首先:打开Chrome浏览器,按如下步骤操作: 接下来将下载的.crx文件放入扩展程序: 如上提示程序包无效时,解决办法:修改插件的扩展名为rar或zip格式,再解压,在Chrome的地址栏…

idea中安装阿里巴巴的代码规范插件

1.打开iead软件,从左上角点击File -> Settings -> Plugins 2.安装完成后,重启idea软件,即可正常使用了.…

layer弹窗插件自带自写经验

复制可下载源代码和自写教程链接: https://pan.baidu.com/s/1mhHa5Os 密码: j5su…

在vue中引入layer弹框的简易方法

npm i --save layui-layer 2.在main.js中引入 import layer from "layui-layer"; 3.然后就可以在各个组件中使用layer了实例: layer.confirm('您是如何看待前端开发?', { btn: ['重要','奇葩'] //按钮 }, function(){ layer.msg('的确很重要', {icon: 1}); }, function(){ layer.msg('也可以这样', { time: 20000,…

学习笔记——在vue中如何配置Jest（一）

最近在搞Jest单元测试,如何在vue中安装和使用jest我就不说了,前一篇文章简单的说了一下在使用jest时遇到的一些问题,但是我觉得并没有真正的解决的很好.后面会在学习过程中更新前面的那篇文章,加入后续遇到的问题以及解决问题的方法,持续的做一个记录. 好了,废话不多说,咱们开始今天的内容吧.因为之前使用jest时候的项目是移植过来的项目,因为复杂的环境以及外部文件引入的等等等等的问题.采用的方式就是新建一个空的vue-cli生成的用jest来做单元测试的项目,这就导致了测试环境的配置是极为脆…

Vue/Element-ui 安装搭建开发环境（一）

Element 是饿了么全段开发团队推出的一套基于 vue.js2.0 的 PC Web 端开发框架. Element 中文文档:https://element.eleme.cn/#/zh-CN 1.安装Node 开发框架和环境都是需要 Node.js ,所以需要先安装 node.js 环境, vue的运行是要依赖于 node 的 npm 管理工具来实现,Node官网下载地址: https://nodejs.org/en/download/. 安装过程一路Next就可以,安装完成之后,便可以打开…