
前端工具目录
文章平均质量分 60
aaa333qwe
如果心没有方向,到哪里都是流浪。
展开
-
sublime text3---Emmet:HTML/CSS代码快速编写神器
Emmet的前身是大名鼎鼎的Zen coding,如果你从事Web前端开发的话,对该插件一定不会陌生。它使用仿CSS选择器的语法来生成代码,大大提高了HTML/CSS代码编写的速度,比如下面的演示: Zen coding下的编码演示一、快速编写HTML代码 1. 初始化 HTML文档需要包含一些固定的标签,比如、、等,现在你只需要1秒钟就可以转载 2017-09-24 23:54:49 · 381 阅读 · 0 评论 -
Sublime Text 3 绝对神器
距第一篇的开箱水文,已经有4个月的时间了,但因为懒,就没有下文了。终于,今天,我觉得写一篇准技术文章了。 忘记了是怎么开始用的ST,应该是在网上看到别人推荐才用到吧,用了有半年了。在windows下是绝对的神器,Notepad++之类的无可比 拟;linux下,因为有个vim,鄙人对vim不懂,所以孰好孰更好,不好说。总结起来就是,神器一般的轻量级的面向php、python等开发者的文转载 2017-09-24 23:55:31 · 381 阅读 · 0 评论 -
EsLint入门学习整理
这两天因为公司要求,就对ESLint进行了初步的了解,网上的内容基本上都差不多,但是内容有些乱,我这呢,就跟着大部分的文章,以及官方文档整理出了一篇入门学习的文字,技术点不算特别全,但是对于新手的我来说是够的,文章的篇幅很长,内容可能有些累赘,但是按着步骤一步一步来,基本上看完也就可以对ESLint有个初步的了解了,此外一些相关文档网上还是有很多的,一些单个比较重要的技术点,网上也都会有相关的文章转载 2017-09-09 09:34:24 · 7716 阅读 · 0 评论 -
myeclipse10用本地文件来配jsEclipse等插件(附jsEclipse下载地址)
这几天用myeclipse10在做数据库课程设计,发现写js时不是很方便,于是查了一下又没有什么插件结果发现JSEclipse还不错,它是针对Eclipse开发平台的免费插件。它支持的功能有:代码完成、大纲浏览、错误报告、代码换行,等等。不过按照他们写的方法都不能用,最终都没有成功。经过一番折腾最终配好了,现把过程分享一下。首先下载一下jsEclipse文件,下载地址:http://pan转载 2017-09-08 14:39:13 · 362 阅读 · 0 评论 -
Gruntfile.js详解
Gruntfile.js详解使用yeomen新建一个项目,里面会自动帮你创建一个完整项目的全部目录,这里针对新建出来的Gruntfile.js做一下简单说明,用作以后参考使用,由于还是菜鸟,很多东西没有使用过,所以就不做过多的解释,等以后有了一定的理解再做补充网址在线API中文版time-grunt与jit-grunttime-grunt time-gr转载 2017-09-06 12:50:07 · 697 阅读 · 0 评论 -
Sublime Text插件FileHeader
摘要FileHeader is a powerful file templating plugin for SublimeText 2 and SublimeText 3. It makes it easier to create new file with initial contents. It also can add new header to an existed file or转载 2017-09-02 16:26:23 · 8196 阅读 · 1 评论 -
SublimeText3常用插件及快捷键总结
SublimeText可谓是前端工程师的代码编辑神器,自从用上它以后一直爱不释手,特别是它强大的插件功能,简直要逆天了。网上也有很多关于SublimeText3的各种插件介绍,其插件功能之多,让人眼花缭乱。今天我主要是来整理一下自己常用的前端插件,并打包上传至我的github,欢迎大家下载交流,若有更好用的插件,还希望推荐。好了废话不多说现在就开始惊奇的sublime之旅NO.1 下载转载 2017-09-02 16:23:54 · 784 阅读 · 0 评论 -
sublime text中<script type="text/ecmascript-6">如何代码高亮并支持语法?
1、在package control里面进行插件的安装ES6语法高亮的插件是JavaScriptNext2、vue中遇到过类似的问题,安装 vue-syntax-highlight 插件然后 browse packages, 打开 vue-syntax-highlight(ps:这个目录可能是vue)/vue.tmLanguage搜script 在正则里加上就行了L83原创 2017-08-29 11:40:43 · 3817 阅读 · 0 评论 -
IntelliJ IDEA 安装插件 (vue)
IntelliJ IDEA使用教程 (总目录篇)注意:我已经试过很多办法,唯一能解决的,就是升级你的webstrom2017 版本,1月份就发布了,完美解决。太老的版本支持不是很好,下插件也没用!因为工作需要,使用到vue.js但是没有,原来的编辑器没的反应所以,就考虑下,怎么安装插件。如图:转载 2017-08-27 12:38:38 · 12463 阅读 · 0 评论 -
图标字体的制作
一、制作的步骤如下:1、打开网址:https://icomoon.io/2、点击右上角的 IcoMoon APP 按钮3、点击左上角 Import Icons 导入SVG格式文件4、导入后选中它们,点击右下角的Generate Font按钮生成图标字体5、在生成的图标的下方点击get code 可以获取代码6、点击左上角的preferences(首选项)按钮可以对图标字原创 2017-08-25 15:37:19 · 416 阅读 · 0 评论 -
使用winSCP+putty发布项目至远程服务器
工具① winSCP② putty1.1 winSCP1.1.1 什么是winSCPWinSCP 是一个 Windows 环境下使用的 SSH 的开源图形化 SFTP 客户端。同时支持 SCP 协议。它的主要功能是在本地与远程计算机间安全地复制文件,并且可以直接编辑文件。1.1.2 winSCP的获取获取有多种渠道,可以通过官网进行下载,官网上也有对工具的介绍和使用说明转载 2017-08-22 16:36:04 · 1172 阅读 · 0 评论 -
eclipse vm插件的安装
安装方式如下:一,添加Eclipse 2.0 Style Plugin Support 支持eclipse菜单中:Help-->install new software-->Add 输入 http://download.eclipse.org/eclipse/updates/4.4仅勾选Eclipse 2.0 Style Plugin转载 2017-08-22 14:58:48 · 508 阅读 · 0 评论 -
Eclipse抛出GC overhead limit exceeded异常问题的分析与解决
Eclipse抛出GC overhead limit exceeded异常问题的分析与解决有时在使用Eclipse开发当中,会遇到GC overhead limit exceeded的异常。 如下图 其实这个问题可以在网上找到很多解决办法,不过大部分都只是告诉你要怎么做,至于出现这种错误的原因以及为什么这么做则没有提及。解决办法: 将eclipse.ini文件的转载 2017-08-22 14:12:46 · 5612 阅读 · 0 评论 -
eclipse里安装SVN插件
eclipse里安装SVN插件,一般来说,有两种方式: 直接下载SVN插件,将其解压到eclipse的对应目录里使用eclipse 里Help菜单的“Install New Software”,通过输入SVN地址,直接下载安装到eclipse里 第一种方式: 1.下载SVN插件 SVN插件下载地址及更新地址,你根据需要选择你需要的版本。现在最转载 2017-08-22 11:11:41 · 236 阅读 · 0 评论 -
SASS界面编译工具——Koala的使用
SASS界面编译工具——Koala的使用博客分类: Div / Css / XML / HTML5《SASS 界面编译工具——Codekit的使用》一文中图解了"CodeKit"图形工具编译SASS项目。由于CodeKit是一款付费工具,而且只能在Mac 中使用,因此国内众多SASS爱好者,或者初学者也就无法体验CodeKit工具编译SASS转载 2017-08-20 10:48:11 · 1259 阅读 · 0 评论 -
慕课笔记--[课程]webpack深入与实战
[课程]原创 2017-08-16 23:58:24 · 597 阅读 · 0 评论 -
慕课笔记--[课程]Grunt-beginner 前端自动化工具
视频地址:http://www.imooc.com/learn/30一、什么是前端集成解决方案?一套包含框架和工具,便于开发开发者快读构建美丽实用的web应用程序的工作流,同时这套工作流必须是稳健强壮的。 二、前端集成解决方案主要解决那些问题?1.统一风格。2.前期组件库维护。3.模块化前端项目。4.压缩简化三、目前主流的前端集成解决方案?前端自动化工具yeoman ,原创 2017-08-16 15:49:43 · 515 阅读 · 0 评论 -
Sublime Text 3 快捷键汇总
Sublime Text 3非常实用,但是想要用好,一些快捷键不可或缺,所以转了这个快捷键汇总。用惯了vim,有些快捷键也懒得用了,尤其是在win下面,还有图形界面,所以个人觉得最有用的还是搜索类,对于阅读和修改代码来说,非常实用。选择类Ctrl+D 选中光标所占的文本,继续操作则会选中下一个相同的文本。Alt+F3 选中文本按下快捷键,即可一次性选择全转载 2017-08-08 21:21:08 · 188 阅读 · 0 评论 -
关于github page 建立博客访问404
自己在建立博客时,遇到了访问地址出现404的情况,我相信很多人都会遇到过吧我找了好久发现找到了一篇 ,经过自己的实践证实,是正确的。(截取自网友的博客内容)创建GitHub Pages我们托管静态博客,使用的就是GitHub Pages的功能,首先我们需要创建一个个人主页,点击右上角的加号,选择new repositories,进入创建页面。有的是说use转载 2017-08-08 15:19:30 · 10172 阅读 · 1 评论 -
利用GitHub搭建个人网站
转载请注明出处:http://blog.youkuaiyun.com/gane_cheng/article/details/52203759http://www.ganecheng.tech/blog/52203759.html (浏览效果更好)最近在找实习,需要写一份含有丰富内容的简历,但是简历最多只能写两页纸。再多的话就会让面试官烦了,找不到重点。如果还想向面试官展示更多的个人能力转载 2017-08-08 14:37:31 · 487 阅读 · 0 评论 -
如何向git账号上提交代码
官方说明:https://help.github.com/articles/generating-ssh-keys/1,为Github账户设置SSH key文章地址:http://zuyunfei.com/2013/04/10/setup-github-ssh-key/什么是SSH key一直使用SSH连接服务器,但是对它的原理却不太了解。这次设置Octopress转载 2017-08-06 20:06:07 · 280 阅读 · 0 评论 -
多个github帐号的SSH key切换
github使用SSH与客户端连接。如果是单用户(first),生成密钥对后,将公钥保存至github, 每次连接时SSH客户端发送本地私钥(默认~/.ssh/id_rsa)到服务端验证。 单用户情况下,连接的服务器上保存的公钥和发送的私钥自然是配对的。但是如果是多用户(first,second),我们在连接到second的帐号时, second保存的是自己的公钥,但是SSH客户端依然发送转载 2017-08-06 20:04:36 · 237 阅读 · 0 评论 -
Git Push 避免用户名和密码方法
前言 在大家使用github的过程中,一定会碰到这样一种情况,就是每次要push 和pull时总是要输入github的账号和密码,这样不仅浪费了大量的时间且降低了工作效率。在此背景下,本文在网上找了两种方法来避免这种状况,这些成果也是先人提出来的,在此只是做个总结。1.方法一 1.1 创建文件存储GIT用户名和密码在%HOME%目录中,一般为C:\users\Ad转载 2017-08-06 18:00:34 · 344 阅读 · 0 评论 -
sublime使用不完全介绍视频教程
课程中会展示扩展包安装,自定制配置和快捷键等最实用的技巧。同时整体上保证你可以把握她的使用思路,让你在课后做自己的定制的时候不会迷路。极力推荐!!http://www.imooc.com/learn/333转载 2017-08-02 10:53:02 · 897 阅读 · 0 评论 -
npm添加淘宝镜像
这个也是网上搜的,亲自试过,非常好用!镜像使用方法(三种办法任意一种都能解决问题,建议使用第三种,将配置写死,下次用的时候配置还在):1.通过config命令npm config set registry https://registry.npm.taobao.org npm info underscore (如果上面配置正确这个命令会有字符串response)2.命转载 2017-08-01 10:37:50 · 461 阅读 · 0 评论 -
前端开发工具sublime常用功能
前端开发工具sublime的使用技巧:1、ctrl + shift + L 复制一行2、ctrl + shift + D 删除一行3、ctrl + / 单行注释4、ctrl + shift + / 多行注释5、ctrl + enter 换行在下一行增加新行6、ctrl + L 选择当前整行7、ctrl + D 选择当前单词原创 2017-07-14 16:53:34 · 505 阅读 · 0 评论 -
前端构建工具gulp
gulpjs是一个前端构建工具,与gruntjs相比,gulpjs无需写一大堆繁杂的配置参数,gulpjs使用的是nodejs中stream来读取和操作数据,其速度更快。如果你还没有使用过前端构建工具,或者觉得gruntjs太难用的话,那就尝试一下gulp吧。1、gulp的安装首先确保你已经正确安装了nodejs环境。然后以全局方式安装gulp:npm inst转载 2017-07-12 11:09:37 · 478 阅读 · 0 评论 -
Git常用命令总结
git init 在本地新建一个repo,进入一个项目目录,执行git init,会初始化一个repo,并在当前文件夹下创建一个.git文件夹. git clone 获取一个url对应的远程Git repo, 创建一个local copy. 一般的格式是git clone [url]. clone下来的repo会以ur原创 2017-07-05 15:19:27 · 195 阅读 · 0 评论 -
Vim命令合集
命令历史以:和/开头的命令都有历史纪录,可以首先键入:或/然后按上下箭头来选择某个历史命令。启动vim在命令行窗口中输入以下命令即可vim 直接启动vimvim filename 打开vim并创建名为filename的文件文件命令打开单个文件vim file同时打开多个文件vim file1 file2 file3 ...在vim窗口中打开一个新转载 2017-07-05 15:18:06 · 192 阅读 · 0 评论 -
sublime Text3中使用sublimeGit插件
教程本教程将介绍使用SublimeGit管理项目的通常阶段。我们将通过构建Django教程应用程序,并以git进行管理。我们将轻轻地跳过编码部分,并专注于使用SublimeGit,因此它应该可以用于任何使用git的项目。建立起来我们做的第一件事是做一个虚拟环境,设置一个require.txt,安装django并初始化一个django项目。这意味着我们的项目文件夹现在看起转载 2017-07-05 10:18:49 · 7729 阅读 · 0 评论 -
JSLint的使用与安装
JSLint 是一款Javascript验证工具,在定位错误并确保基本指南得以遵循时,非常有用。如果你正在编写专业级的javascript,应该使用 JSLint 或者类似的验证工具(JSHint)。它帮助我们避免了许多种bug,极大缩短了开发时间。如果你安装了Node.js,像这样即可安装:npm install -g jslint 配置 JSlint 以及 搭建测试转载 2017-06-29 15:51:05 · 2590 阅读 · 0 评论 -
CKEditor配置属性
一、使用方法:1、在页面中引入ckeditor核心文件ckeditor.js"text/javascript"src="ckeditor/ckeditor.js">2、在使用编辑器的地方插入HTML控件"TextArea1" cols="20" rows="2"class="ckeditor">如果是ASP.NET环境,也可用服务器端控件"t转载 2017-06-29 14:27:43 · 331 阅读 · 0 评论 -
20位活跃在Github上的国内技术大牛
20位活跃在Github上的国内技术大牛本文列举了20位在Github上非常活跃的国内大牛,看看其中是不是很多熟悉的面孔?1. lifesinger(玉伯)Github主页: https://github.com/lifesinger微博:@ 玉伯也叫射雕玉伯(王保平),淘宝前端类库 KISSY、前端模块化开发框架SeaJS、前端基础类库转载 2017-06-08 15:38:42 · 648 阅读 · 0 评论 -
25款实用的桌面版博客编辑器
无论是对资深博客还是对定期在不同博客上发表文章的人来说,一款实用的博客桌面编辑器都能极大地方便我们的博客生活。 目前市面上有很多博客编辑器。有些要连接互联网,有些不需要。 有些能在不同操作平台上运行,有些只适合Windows或者Mac OSX。 有些需要付费,有些完全免费。 但所有博客编辑器都有一个共同点——它们都可以提高写博客的效率。本文为大家介绍了20多款博客桌面编辑器, 无论你使转载 2017-05-24 14:32:57 · 933 阅读 · 0 评论 -
CKEditor 添加自定义插件
CKEditor是个强大的编辑器,在很多项目中都是用这个编辑器让user编辑页面。因为接口十分类似Word,所以一般人都能轻易上手。只是最好还是要有Html的底子,不然有时候要排版也是会有困难。 网络上已经有不少人实做出来,只是我这人很爱自己做轮子,想说趁这个机会学起来,以后如果真的要客制化功能,也许用的到!基本的CKeditor的安装跟使用还有跟CKFinder整合我就不多说啦。直接进转载 2017-05-24 14:31:01 · 3821 阅读 · 0 评论 -
jetbrains idea/webstorm等(注册,激活,破解,码,一起支持正版,最新可用)(2017.3.16更新)
选择 License server (2017.3.16更新)http://idea.imsxm.com/转载 2017-04-23 15:20:56 · 1150 阅读 · 0 评论 -
前端开发推荐读书
1、代码整洁之道2、《Soft Skills: the software developer's life manual》,中文翻译是《软技能:代码之外的生存指南》原创 2017-04-07 17:27:51 · 293 阅读 · 0 评论 -
Chrome开发者工具(javascript内存分析)
原文出处: Chrome DevTools 译文出处: DestinyXie 内存泄漏是指计算机可用内存的逐渐减少。当程序持续无法释放其使用的临时内存时就会发生。JavaScript的web应用也会经常遇到在原生应用程序中出现的内存相关的问题,如泄漏和溢出,web应用也需要应对垃圾回收停顿。尽管JavaScript使用垃圾回收进行自动内存管理,但 有效的(eff转载 2017-04-07 17:07:53 · 2504 阅读 · 0 评论 -
Chrome开发者工具不完全指南 (六、插件篇)
转载自:http://www.cnblogs.com/constantince/p/4641796.html感谢魔主的总结分析,读完收益匪浅。本篇是Chrome开发者工具的结尾篇,最后为大家介绍几款功能强大的插件。在chrome商店里面有很多插件,没事建议大家去逛逛。不过需要FQ,所以诸位请自备神器。一、皮肤插件 首先是大家期盼已久,翘首以盼的皮肤插件。这款插件叫DevT转载 2017-04-07 16:46:08 · 653 阅读 · 0 评论 -
Chrome开发者工具不完全指南 (五、移动篇)
前面介绍了Chrome开发者工具的大部分内容工具,现在介绍最后两块功能Audits和Console面板。一、Audits Audits面板会针对目前网页提出若干条优化的建议,这些建议分为两大类,一类是网络加载性能,另一类是界面性能。首先开下它的主界面。 Audits面板的网络优化建议参照的是雅虎前端工程师的十四条黄金建议。为了验证这一点,我们可以做一次简单的测试。根据十四条we转载 2017-04-07 16:38:14 · 439 阅读 · 0 评论