UI组件 element- 饿了么出品的Vue2的web UI工具套件 Vux- 基于Vue和WeUI的组件库 mint-ui- Vue 2的移动UI元素 iview- 基于 Vuejs 的开源 UI 组件库 Keen-UI- 轻量级的基本UI组件合集 vue-material- 通过Vue Material和Vue 2建立精美的app应用 muse-ui- 三端样式一致的响应式 UI 库 vuetify- 为移动而生的Vue JS 2组件框架 vonic- 快速构建移动端单页应用 eme- 优…

UI-框架element - 饿了么出品的Vue2的web UI工具套件 mint-ui - Vue 2的移动UI元素 iview - 基于 Vuejs 的开源 UI 组件库 Keen-UI - 轻量级的基本UI组件合集 vue-material - 通过Vue Material和Vue 2建立精美的app应用 muse-ui - 三端样式一致的响应式 UI 库 vuetify - 为移动而生的Vue JS 2组件框架 vonic - 快速构建移动端单页应用 vue-blu - 帮助你轻松创建w…

一.直接拉取的模板中,package.json如下: { "name": "vuecli2-test", "version": "1.0.0", "description": "A Vue.js project", "author": "xx <xxxx@qq.com>", "private": true, &quo…

atom: 开发利器,界面友好,配色出色,好用的插件众多. language-vue: 这个是首推,因为它就是为vue而生的呀,支持很多vue里的提示.在空的vue页面敲tem,vue模板的提示就自动出来了,太爽了.还有一个language-vue-componet,这个我并没有安装,因为它与language-vue会有点冲突,导致template里的html显示没有颜色区分,所以这个我就没有安装. vue2-autocomplete: vue中自动补全插件. vuejs2-snippets:…

Vue-router ----- 路由插件 Vue-loader-----webpack的加载器,允许您以称为单文件组件(SFC)的格式创作Vue组件   Vue-resource-----提供了使用XMLHttpRequest或JSONP 发出Web请求和处理响应的服务.   Vuex   ----- 专为 Vue.js 应用程序开发的状态管理模式   { mapActions, mapState } from "vuex md5 ----- 加密密码   qrcode -----生成二维码…

vue实现打印的两种方法 vue实现批量打印二维码 (需安装二维码插件qrcodejs2) 一.vue-print-nb插件 1.安装: npm i vue-print-nb -S 2.全局注册(main.js): import Print from 'vue-print-nb' Vue.use(Print) 3.使用: <div id="printTest" > <p>锄禾日当午</p> <p>汗滴禾下土 </p> <…

v-viewer(1.4.2) 非常实用的图片预览插件,支持旋转.缩放.翻转等操作 一.npm安装 npm i v-viewer -S 二.全局引入(main.js中) import 'viewerjs/dist/viewer.css' import Viewer from 'v-viewer' Vue.use(Viewer) //配置项 Viewer.setDefaults({ zIndexInline:9999 }) 三.使用 <!--1.以组件的形式--> <viewer :ima…

vue-video-player(5.0.2) 最近我的项目做了一个监控视屏的显示,后台提供的视屏格式是rtmp 后来又改为m3u8,没成功,原因是占用内存过大,所以取消了这种方式 一.安装 npm i vue-video-player -S npm i videojs-flash -S ______播放rtmp npm i videojs-contrib-hls -S ______播放m3u8 二.全局引入(main.js) import VideoPlayer from 'vue-video…

第十六单元(element-ui vue-lazyload 等常用插件) #课程目标 1.掌握插件的引入方式 2.精通UI框架 3.掌握前端常见的几种效果实现 #知识点 一.elementUI的使用 1.官网:https://element.eleme.cn/#/zh-CN/ ​ elementUI是pc端框架,配合vue使用. 2.安装 npm i element-ui -S   3.快速上手 ​ (1)完整引入 ​ 在 main.js 中写入以下内容: import Vue from 'vu…

使用Package Control组件安装 也可以安装package control组件,然后直接在线安装: 按Ctrl+` 调出console 粘贴以下代码到底部命令行并回车: { import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build…

使用Package Control组件安装 也可以安装package control组件,然后直接在线安装:按Ctrl+` 调出console粘贴以下代码到底部命令行并回车: { import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_o…

1. 移动端UI插件 mint-ui http://mint-ui.github.io/#!/zh-cn 2.vue状态管理vuex,持久化插件:vuex-persist https://github.com/championswimmer/vuex-persist 3.nuxt大多数也需要用到vuex,但是用vuex-persist就不合适了,幸好有另外一个vuex-persistedstate https://github.com/robinvdvleuten/vuex-persisteds…

UI组件及框架 element - 饿了么出品的Vue2的web UI工具套件 mint-ui - Vue 2的移动UI元素 iview - 基于 Vuejs 的开源 UI 组件库 Keen-UI - 轻量级的基本UI组件合集 vue-material - 通过Vue Material和Vue 2建立精美的app应用 muse-ui - 三端样式一致的响应式 UI 库 vuetify - 为移动而生的Vue JS 2组件框架 vonic - 快速构建移动端单页应用 vue-blu - 帮助你轻松…

前言 介绍一下我在VSCode中常用的一些快捷方式: ctrl+上下箭头 上下滚动页面 Ctrl+Shift+K 删除某一行 Alt+ ↑ / ↓ 移动某一行 Shift+Alt + ↓ / ↑ 复制某一行 ctrl + Enter 跳转下一行开头 shift + ctrl + enter 跳转上一行开头 Ctrl+Shift+ 跳转到相应的匹配括号 ctrl+shift+[ 折叠 html快速加注释 ctrl+/ 自动换行 Alt+z F8 移动到下一个错误的位置 shift+F8 移动到上一…

一.安装Sublime Text3 网址:http://www.sublimetext.com/3 注册码:(sublime Text3汉化和激活注册码) ----- BEGIN LICENSE ----- sgbteam Single User License EA7E-1153259 8891CBB9 F1513E4F 1A3405C1 A865D53F 115F202E 7B91AB2D 0D2A40ED 352B269B 76E84F0B CD69BFC7 59F2DFEF E26732…

常用配置参数 module.exports = { context: path.resolve(__dirname, '../'), entry: { app: './src/main.js' }, output: { path: path.resolve(__dirname, '../dist'), filename: '[name].js', publicPath: '/' }, resolve: { extensions: ['.js', '.vue', '.json'], alias:…

1.  vscode 简介vscode是微软开发的的一款代码编辑器,就如官网上说的一样,vscode重新定义(redefined)了代码编辑器.当前市面上常用的轻型代码编辑器主要是:sublime,notepad++,editplus,atom这几种.比起notepad++.editplus,vscode集成了许多IDE才具有的功能,比起它们更像一个代码编辑器:比起sublime,vscode颜值更高,安装配置插件更为方便:比起atom,vscode启动速度更快,打开各种大文件不卡.可以说,vs…

https://code.visualstudio.com/docs?start=true 一.常用快捷键:参考:https://blog.csdn.net/liwan09/article/details/81775753 Ctrl+K+S:显示并搜索键盘快捷键: Ctrl+Shift+Tab:导航编辑器组历史纪录: Alt+ ← / →:导航后退/前进: Ctrl+Shift+\:跳转到匹配的括号: Ctrl+↑ / ↓:上下滚动行(光标不动): Ctrl + \:拆分编辑器: Alt+PgU…

更多VSCode插件使用请访问:VSCode常用插件汇总 ESLint这是VS Code ESLint扩展,将ESLint JavaScript集成到VS Code中. 首先简单说一下使用流程: 1.安装ESLlint库(在项目本地或全局安装,看具体项目需要) 2.创建.eslintrc配置文件(手动创建或者复制其它已有配置文件均可,看具体项目需求) 3.根据文档设置完,保存文件时即可进行eslint修复(MacOS:快捷键是 command + s ) 安装 该扩展使用安装在打开的工作区文件夹…

vs code的使用与常用插件和技巧大全总结 Author:3# 一个专注于web技术的80后 我不用拼过聪明人,我只需要拼过那些懒人 我就一定会超越大部分人! CSDN@ 极客小俊,CSDN官方首发,`3#原创 企业博客: 极客小俊GeekerJun 博客园URL: cnblogs.com/GeekerJun 1. 卸载vs code.及安装的插件和个人配置信息 第一步: 卸载软件 注意:此步骤虽然删掉了应用软件,但是此时重新安装会发现之前下载的插件和个人配置信息都还会重新加载出来,所以继续进…

以下是我自己在工作中常用的插件,写给刚入门的前端coder.VSCode插件商店中实用的插件还是很多的,大家也可以对感兴趣的插件下载下来尝试一下的! 持续更新 插件名称 概述 作用 常用默认快捷键 Chinese (Simplified) Language Pack for Visual Studio Code 汉化中文包 VSCode汉化包,安装重启后就界面就是简体中文了 无 Live Server 本地动态服务 相当于一个本地服务器.开启本地HTTP服务,代码保存后,网页实时更新,比open…

Visual Studio Code 是由微软开发的一款免费.跨平台的文本编辑器.由于其卓越的性能和丰富的功能,它很快就受到了大家的喜爱. 但工欲善其事必先利其器,以下是本人为前端开发收集的常用的vscode插件,有需要的话赶紧mark起来吧~ 一.下载 vscode官网:https://code.visualstudio.com/ 解决vscode下载很慢的问题 在官网根据自己电脑 点击下载 2.下载时可以去浏览器的下载内容里面,看到正在下载的vscode,然后点击上面的链接,会发生跳转 2.…

工若善其事,必先利其器.做为一个web前端开发人员,必须有一个得心应手的编码工具,本人推荐Sublime Text3和WebStorm,但WebStorm太过智能和耗性能了对初学者来说弊大于利,所以我们聊聊Sublime Test sublime text值强大是因为他的插件,提到Sublime Text插件安装,就不得不提Package Control,装sublime text第一件事就是装Package Control,它是 Sublime Text 的包管理器,你用它可以轻松地找到你想要…

1  先去http://www.sublimetext.com/官网下载软件,然后网上找一个验证码,注册完成. 2  安装Package Control ,Package Control 插件是一个方便 Sublime text 管理插件的插件,必须先安装. 简单的安装方法: 从菜单 View - Show Console 或者 ctrl + ~ 快捷键,调出 console.将以下 Python 代码粘贴进去并 enter 执行,不出意外即完成安装.以下提供 ST3 和 ST2 的安装代码:…

这个比较重要,不会装插件的时候找了好久 sublime text常用插件 1.插件的安装方法 第一种:用package control 这个是用来管理插件的,必备啊,安装package control的步骤: 按Ctrl+`调出console 在底部代码行贴上代码并回车 sublime text3 import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d15146761…

No.01 – EmmetEmmet 是一个前端开发的利器,其前身是Zen Coding.它让编写 HTML 代码变得简单.Emmet 的基本用法是:输入简写形式,然后按 Tab 键.关于 Emmet 的更多用法,请看官方文档,这份速查表可以帮你快速记忆简写形式. No.02 – SublimeLinterSublimeLinter 是一个代码校验插件,它可以帮你找出错误或编写不规范的代码,支持 C/C++.CoffeeScript.CSS.Git Commit Messages.Haml.HT…

看了3篇文章,很好 vim中的区域拷贝 剪切,粘贴: 正常模式,移动光标到剪切的区域开始处,按v,进入可视模式,然后选择区域.按x键,剪切.到指定位置按p粘贴. 撤销按u 恢复按ctrl-r  简明 Vim 练级攻略 http://coolshell.cn/articles/5426.html http://coolshell.cn/wp-content/uploads/2009/03/vim.png http://i.imgur.com/CJkR9.png 我的 Vim 常用插件和键位映射配置…

安装插件,Settings -->[Plugins]-->搜索-->点击install-->重启AS 禁用插件,右侧面板会显示出已经安装的插件列表,取消勾选即可禁用插件 AS插件合集:https://ydmmocoo.github.io/2016/06/28/Android-Studio%E6%8F%92%E4%BB%B6%E6%95%B4%E7%90%86/ Android开发工具及周边插件:http://mobdevgroup.com/tools/android#android…

WordPress之所以能成为目前最具人气的独立博客程序,除了无数爱好者为它开发的主题外,源源不断的插件支持也是重要的原因之一.wordpress的强大,也是在于无数爱好者源源不断的主题和插件. wordpress插件数量巨大,有改善用户体验的,有辅助SEO的,有增加功能的.要从这茫茫中的插件找出所需已属不易,外加无数英语系插件更让不熟悉英语中国用户难上加难.所谓群众的力量是强大的,每人找一款,加上说明,汇集起来,便能形成一个方便实用的插件库.下面这些由网友整理的 wordpress常用插件,相…

常用插件介绍:  html beautify(ctrl+shift+alt+f) 自动排版代码 Emmet 输入少量代码后摁Tab键,系统自动补全代码. AutoFileName 快速列出你想引用的文件夹里面所有文件的名字. BracketHighlighter 高亮显示[], (), {}, "", ", <tag></tag>符号,便于查看起始和结束标记 ColorPicker 调色板,需要输入颜色时,可直接选取颜色,打开调色板快捷键ctrl+sh…