前端 工具 总计

前端

工具

总结

github地址笔者们前端,每一种人都有温馨的支出工作条件,工具等,所以自个儿写了这一篇小说,为和谐有利把团结常用的前者工具记录下来,以便到时候在新的电脑上得以高速搭建本人熟习的劳作条件和应用自身深谙的工具,同时大概也会对你有少少的补助啊!

前者环境软件安装

node.js无数事物都供给它

npm,cnpm,spm安装能够转移Taobao的安装包地址(天猫商城镜像)

Ruby(git依赖)
,msysgit/TortoiseGit/SourceTree[win7以上]

gulp上面会列出常用插件
,F.I.S
(百度前端工具框架)

sass教程/less

git

还有其余三个工具(在xp,win7上可用如故图形的哦,还有小说)点我

安装顺序 先安装node

–> npm

–> gulp

利用 gulp
创设筑工程程
先安装ruby

–> git

,sass

,compass

window 安装 sass compass
记录

常用工具列表:

WebStrom自个儿个人相比较欣赏这一个软件,功效十三分强大已经更新到第柒版(点笔者下载注册机和配色方案)
,sublime_text(小说介绍),HBuilder

cmder(类似cmd的命令提醒符,有自带git版本)配置教程

koala考拉(Less、Sass、Compass、CoffeeScript编译)
—-免费

Mark
马克鳗
(设计图度量)

小苹果服务器(手提式有线电话机调节和测试专用win7以上)

F5活动刷新浏览器

Notepad++不解释

Photoshop CS4/CS6
不解释,PS插件?建议去设计优

计算器 不解释

右键帮手1.0
(自作者要好支付的,详细点那里)
,彗星小帮手(取色) , W3Cfuns前端开发工具箱
(到百度享受查看下载地址)

AdobeDreamweaverCS4 写表格,热点图

CSS 百事可乐s
样式生成工具

WampServer 搭建PHP环境服务器

MyWebServer 迷你型服务器

FlashFXP (ftp上传工具)

Regex Match Tracer 2.1 (正则工具)

SETUNA2(图片裁剪相比较)

Markdown Pad
2
(写马克down格式文书档案必备的软件,小编文章是用在线版)

Winmerge开源的文书相比工具(即使您不能够利用Beyond
Compare)

Expresso是三个.NET版本的正则表达式编辑器。能够测试你的正则表达式。

页面品质分析工具(相比重大就不分类,直接3个大类)

gtmetrix 网站品质分析 –
推荐
不想用插件工具就径直访问网页吧

WebPagetest一款越发了不起的网页前端品质测试工具国外在线地址境内Ali在线地址

谷歌插件PageSpeed(页面品质检查和测试优化

  • 自身要好测试卡到二分一?作者浏览器逗比?)

谷歌(谷歌)插件Google Web Tracing
Framework
(持移动、PC,品质分析的神器,又3个鸡文,反正小编是不懂怎么用~)

火狐请参考 YSlow

web应用品质检测-百度只支持活动端页面

质量检查和测试工具Tracker.js
他的谷歌(谷歌)插件, WEB前端帮手(FeHelper)

火狐浏览器插件

Firebug

YSlow 性能检测

JSONView 在页面查看那json数据

CSSUsage 检查和测试无效css

Dust-Me Selectors 检查和测试页面css沉余

FireQuery jq语法高亮

FireRainbow js语法高亮

HtmlValidator html文书档案标准检测

NoScript 控制页面和浏览器js

FireGestures用骨髓炎势命令

Adblock
Edge
广告过滤

webDeveloper1.2.2-(zh-cn)
中文版,点我

除了最后二个网上或许找不到普通话版

谷歌浏览器插件
–用到谷歌插件其实很少(其实自身本身用的蛮多),为了方便,因为谷歌插件下载很多难点,笔者一直发到网盘,有亟待的能够协调下载(360,猎豹应用市镇也有无数利用)

Web
Developer
(居然被作者找到谷歌(谷歌)版的,然则是英文的,不错了)

Window
Resizer
(允许你快速调整浏览器窗口分辨率)

CSSViewer(浮动面板简单彰显CSS属性)

Wappalyze(分析网站选用什么技艺,优化的时候能够看人家网站使用什么技能)

IE
Tab
(直接在Chrome中应用IE渲染引擎模仿IE,IE六 、IE七 、IE8和IE9,扩展近年来仅适用于Windows系统,感觉微微不可信赖)

Clear
Cache
(能让你从工具栏中革除缓存)

Image
Downloader
(批量下载图片)

谷歌增长速度插件 替换部分必要翻墙才能链接的js替换为国内链接

JetBrains IDE Suport (合营WS
在浏览器联合刷新,就像在谷歌(谷歌(Google))高版本现已不算,如若你不使用ws,能够协作gulp的插件,也得以兑现同台更新)

ReRes开发的时候替换测试路径为当地,实际是上线后的地址

Enable Copy 去除右键限制

JSON View 查看json格式数据

WEB前端帮手(FeHelper)_v5.8

有道云笔记网页剪报 (保存页面到有道台式机)

Firebug Lite 谷歌(谷歌(Google))用火狐插件(哈哈,开发者用火狐提供的ie火狐js搞的呢)

网址转二维码(手机测试中有用,扫描就开辟测试地方了)

ScriptSafe汉化版 (能够决定页面包车型大巴js脚本)

Word Count 是一款用来计算选中网页的篇幅,帮助粤语的扩大。

建议访问360云盘共享文本多,有点乱,自个儿翻
访问密码 a505

别的软件工具

Flux调动荧屏亮度,暖色调

ADSafe过滤广告

Everything迅猛查询

Wise Registry
Cleaner
注册表清理

Clover让你的Windows能源管理器拥有像谷歌浏览器同样好用的多标签页

360云盘一道数据文件

有道云笔记经合同步开发

Proxy SwitchySharp 代理工科具,翻墙用的,需求协调找账号音信填写哦

其他一些网上中国人民解放军海军事工业程高校业具

中原开源在线工具

熊猫png压缩

智图(多种图形压缩)

百事可乐图坐标查询

cssanimate动画制作工具

在线切图工具(最近找到的,不领会怎么样,欢迎我们测试)

配色方案(美术工作的工具)

在线正则regex pal

正则图形显示*?%24)

彩色正则

CSS3/HTML5/SVG
包容性查询表

WhatTheFont-字体查询1求字体网-字体查询2What
Font
is-字体查询3

gulp常用插件

整理了在融洽干活儿在那之中常用的一部分gulp 插件

编译Sass (gulp-ruby-sass)

编译Map文件 (gulp-sourcemaps)

电动添加css前缀 (gulp-autoprefixer)

压缩css (gulp-minify-css)

压缩css使用的
gulp-mini-css[国产.合营清除沉余css插件后的收缩插件,跟上边包车型客车不等同啊]

js代码校验 (gulp-jshint)

合并js文件 (gulp-concat)

压缩js代码 (gulp-uglify)

调减图片 (gulp-imagemin)

活动刷新页面
(gulp-livereload)//不提出合作WS一起用(WS的自发性保存,然后你懂的,但固然您不是用less可能sass开发,依然建议选择的)

图形缓存,只有图片替换了才压缩 (gulp-cache) //作者也没用过

转移提醒 (gulp-notify) //作者也没用过

清除文件 (del)

轮换内容,需自定义范围内容,援助正则[常用来替换上线后的js,css文件路径]
(gulp-replace)

同上,特别智能
(gulp-rev-collector)

智图图片处理插件
(gulp-imageisux)

将文件转成utf8编码的gulp插件(gulp-utf8-convert)

合并按模块引入的html文件(gulp-content-includer)

压缩html
(gulp-minify-html)

帮扶文书档案

css手册在线(里面能够下载,谢谢小编:飘零雾雨)

jQuery手册别的版本

Zepto手册

Less.js
国语文书档案

Bootstrap
中文文书档案

Underscore.js (1.8.2)
中文文书档案

Backbone.js(1.1.2)
API汉语文书档案

其他在线手册友善看呢,应该有的都有了

谷歌(谷歌(Google))查寻地址(不用翻墙)

地址1地址2地址3

再1次感激您费用时间阅读那篇小说,假如你有更好的工具,能够给笔者留言,其余资料还在整理当中,多谢您的翻阅!

作者@中蓝技术