【澳门葡京】windows62位必备软件清单,个人前端工程师开垦工具记录

 目录

 目录

@yyman001
2015-05-04 16:15
字数 3363
阅读 2058

前端

一、前言

一、前言

私家前端程序员开辟工具记录

工具

二、平常必备

二、日常必备

前端
工具
总结

总结

3、前端相关

三、前端相关

github地址
我们前端,种种人都有和好的付出职业条件,工具等,所以小编写了那1篇小说,为温馨有利把本人常用的**前端工具
**记录下来,以便到时候在新的微管理器上能够长足搭建本身深谙的干活条件和行使自个儿深谙的工具,同时大概也会对你有少少的支持啊!
前者景况软件设置
node.js
诸多东西都亟待它
npm ,
cnpm ,
spm
安装能够调换Taobao的安装包地址(天猫镜像)
Ruby(git依赖)
, msysgit /
TortoiseGit
/
SourceTree[win7以上]
gulp 下面会列出常用插件
, F.I.S
(百度前端工具框架)
sass
教程/
less
git
再有其余3个工具(在xp,win七上可用还是图形的哦,还有作品)
点我

github地址作者们前端,每一种人都有谈得来的开采专业条件,工具等,所以自个儿写了那壹篇文章,为团结方便把温馨常用的前者工具记录下来,以便到时候在新的微处理器上能够快捷搭建自身深谙的干活条件和选择本人纯熟的工具,同时大概也会对您有少少的帮忙啊!

4、个人习于旧贯

四、个人习惯

安装顺序 先安装node
–> npm
–> gulp
运用 gulp
构建筑工程程
先安装ruby
–> git
,sass
,compass
window 安装 sass compass
记录
常用工具列表:
WebStrom
笔者个人相比喜欢那些软件,效能卓殊强劲已经更新到第七版(点本身下载注册机和配色方案)
,sublime_text(小说介绍),HBuilder
cmder(类似cmd的命令提醒符,有自带git版本)
【澳门葡京】windows62位必备软件清单,个人前端工程师开垦工具记录。配置教程
koala考拉(Less、Sass、Compass、CoffeeScript编译)
—-免费
Mark 马克鳗
(设计图度量)
小苹果服务器(手提式无线电话机调节和测试专用win七以上)
F5 自动刷新浏览器
Notepad++
不解释
Photoshop CS4/CS6 不解释,PS插件?建议去
设计优
计算器 不解释
右键帮手一.0
(自己要好支付的,详细点那里)
,流星小帮手(取色) , W3Cfuns前端开拓工具箱
(到百度享受查看下载地址)
AdobeDreamweaverCS4 写表格,热点图
CSS 雪碧s
样式生成工具
WampServer 搭建PHP意况服务器
MyWebServer Mini型服务器
FlashFXP (ftp上传工具)
Regex Match Tracer 二.1 (正则工具)
SETUNA2
(图片裁剪相比较)
Markdown Pad 2
(写马克down格式文书档案必备的软件,作者小说是用在线版)
Winmerge
开源的文书相比工具(假如你无法选择Beyond Compare)
Expresso是2个.NET本子的正则表达式编辑器。可以测试你的正则表达式。

前者景况软件设置

  

  

页面品质分析工具(比较重大就不分类,直接多少个大类)
gtmetrix 网址质量分析 –
推荐
不想用插件工具就径直访问网页吧
WebPagetest
一款更美好的网页前端质量测试工具
异国他乡在线地址
境内Ali在线地址
谷歌插件
PageSpeed
(页面品质检测优化 – 笔者本身测试卡到二分之一?笔者浏览器逗比?)
谷歌(Google)插件 Google Web Tracing
Framework
(持移动、PC,品质分析的神器,又2个鸡文,反正笔者是不懂怎么用~)
火狐请参考 YSlow

node.js不少东西都亟待它

一、前言

       重做系统未来,安装各样软件正是挺烦人的1件事。

     
 特地整理成小说,并且将有关软件上传到了百度网盘,省的事后再各样找财富了。

       百度网盘下载链接: 密码:jw6u

一、前言

       重做系统今后,安装各样软件正是挺烦人的1件事。

     
 特地整理成小说,并且将有关软件上传到了百度网盘,省的之后再各样找财富了。

       百度网盘下载链接: 密码:jw6u

web应用品质检验-百度只扶助移动端页面
质量检查测试工具Tracker.js

npm,cnpm,spm设置可以调换天猫商城的安装包地址(天猫镜像)

2、常常必备

       壹、搜狗输入法:

  2、QQ:

     
 3、微信:

  4、360压缩:

  5、有道云: http://note.youdao.com/  扶助markdown,能够将网页的内容按格式保存下去。

  6、和讯云音乐: 敲代码怎么少得了音乐。

  七、百度网盘:

  8、office2016 :

 

2、日常必备

       一、搜狗输入法:

  2、QQ:

     
 3、微信:

  4、360压缩:

  5、有道云: http://note.youdao.com/  扶助markdown,能够将网页的内容按格式保存下来。

  六、今日头条云音乐: 敲代码怎么少得了音乐。

  7、百度网盘:

  8、office2016 :

 

  • 她的谷歌插件, WEB前端帮手(FeHelper)

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

三、前端相关

  一、谷歌(谷歌)浏览器

  2、notepad++ :

  叁、Clover :Clover 是 Windows Explorer
财富管理器的多个扩张,为其扩张类似谷歌 Chrome 浏览器的多标签页功用。

  4、Webstorm2017

  5、photoshop2014CC: 

  6、git :
廖雪峰的git教程

  7、spy-debugger
:  便捷的长距离调节和测试手机页面、抓包工具,协助:HTTP/HTTPS,无需USB连接设备。

  8、fiddler 

  九、浏览器插件:postman、xmarks、jsonviewer、2维码插件( Q智跑 Code
Generator)、

 

三、前端相关

  1、谷歌浏览器

  2、notepad++ :

  三、Clover :Clover 是 Windows Explorer
财富管理器的三个扩张,为其扩展类似谷歌(谷歌) Chrome 浏览器的多标签页功效。

  4、Webstorm2017

  5、photoshop2014CC: http://tieba.baidu.com/p/4791130877\#

  6、git :
廖雪峰的git教程

  7、spy-debugger
:  便捷的长距离调节和测试手提式有线电话机页面、抓包工具,帮忙:HTTP/HTTPS,无需USB连接设备。

  8、fiddler 

  玖、浏览器插件:postman、xmarks、jsonviewer、2维码插件( QCR-V Code
Generator)、

 

火狐浏览器插件
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)
中文版,点我

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

④、个人习于旧贯

  1、360康宁警卫

  2、teamviewer

  3、IIS

  4、gif录制

  5、mysql5.7
 

  6、navicat for mysql

  7、vs2017 :

  八、代码生成器

  9、迅雷

 

 

 

            

 

肆、个人习贯

  1、360康宁警卫

  2、teamviewer

  3、IIS

  4、gif录制

  5、mysql5.7
 

  6、navicat for mysql

  7、vs2017 :

  八、代码生成器

  9、迅雷

 

 

 

            

 

除去尾数网络可能找不到汉语版
谷歌(谷歌)浏览器插件
–用到谷歌插件其实很少(其实本身要好用的蛮多),为了便利,因为谷歌(Google)插件下载许多题目,作者一向发到网盘,有须要的能够团结下载(360,猎豹应用市集也有诸多选用)
Web
Developer
(居然被自身找到谷歌版的,不过是英文的,不错了)
Window
Resizer
(允许你神速调动浏览器窗口分辨率)
CSSViewer
(浮动面板简单展现CSS属性)
Wappalyze
(分析网址选择什么技能,优化的时候能够看人家网址使用什么本领)
IE
Tab
(直接在Chrome中选用IE渲染引擎模仿IE,IE陆、IE柒、IE8和IE玖,扩充最近仅适用于Windows系统,以为微微不可相信)
Clear
Cache(能让你从工具栏中解决缓存)
Image
Downloader
(批量下载图片)
谷歌(谷歌(Google))加速插件 替换部分内需翻墙才具链接的js替换为国内链接
JetBrains IDE Suport (协作WS
在浏览器联合刷新,就好像在谷歌高版本已经行不通,假使你不接纳ws,能够包容gulp的插件,也足以兑现同步更新)
ReRes
开拓的时候替换测试路线为本地,实际是上线后的地址
Enable Copy 去除右键限制
JSON View 查看json格式数据
WEB前端帮手(FeHelper)_v5.8
有道云笔记网页剪报 (保存页面到有道台式机)
Firebug Lite 谷歌用火狐插件(哈哈,开荒者用火狐提供的ie火狐js搞的啊)
网址转二维码
(手机测试中有用,扫描就开拓测试地方了)
ScriptSafe汉化版 (能够调控页面包车型大巴js脚本)
Word Count 是一款用来总括选中网页的篇幅,援救中文的恢宏。

sass教程/less

建议访问
360云盘共享
文件多,有点乱,本人翻 访问密码 a505
别的软件工具
Flux
调治显示器亮度,暖色调
ADSafe 过滤广告
Everything
连忙查询
Wise Registry
Cleaner
注册表清理
Clover
让您的Windows能源管理器械有像谷歌(谷歌(Google))浏览器一样好用的多标签页
360云盘
同步数据文件
有道云笔记
同盟同步开辟
Proxy Switchy夏普 代理工科具,翻墙用的,必要自身找账号消息填写哦

git

任何部分网络海工业具
华夏开源在线工具
熊猫png压缩
智图(种种图纸压缩)
7-Up图坐标查询
cssanimate动画制作工具
在线切图工具
(方今找到的,不通晓怎么,迎接大家测试)
配色方案(美术工作的工具)
在线正则regex pal
正则图形突显
彩色正则
CSS3/HTML5/SVG
兼容性查询表
WhatTheFont-字体查询1
求字体网-字体查询二
What Font
is-字体查询3

还有其余1个工具(在xp,win七上可用依旧图形的哦,还有小说)点我

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)

安装顺序 先安装node

扶助文书档案
css手册
在线(里面能够下载,感激我:飘零雾雨)
jQuery手册
, 别的版本
Zepto手册
Less.js
中文文书档案
Bootstrap
华语文书档案
Underscore.js (1.八.二)
中文文书档案
Backbone.js(一.1.2)
API汉语文书档案
其余在线手册
自身看呢,应该有的都有了

–> npm

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

–> gulp

再三遍谢谢您开支时间读书那篇小说,要是您有更加好的工具,能够给自身留言,其余资料还在整治在那之中,谢谢您的读书!
作者
@黄色本领
20壹五 年 6月 三11日 更新时间: 20一伍 年 7月 二10日

运用 gulp
创设工程先安装ruby

**+

–> git

,sass

,compass

window 安装 sass compass
记录

常用工具列表:

WebStrom自身个人比较喜欢那几个软件,作用非凡有力已经更新到第玖版(点自身下载注册机和配色方案)
,sublime_text(文章介绍),HBuilder

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

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

Mark
马克鳗(设计图度量)

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

F5电动刷新浏览器

Notepad++不解释

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

计算器 不解释

右键帮手一.0
(本人本人支付的,详细点那里)
,流星小帮手(取色) , W3Cfuns前端开辟工具箱
(到百度享受查看下载地址)

AdobeDreamweaverCS4 写表格,热点图

CSS Sprites
样式生成工具

WampServer 搭建PHP情状服务器

MyWebServer Mini型服务器

FlashFXP (ftp上传工具)

Regex Match Tracer 二.一 (正则工具)

SETUNA2(图片裁剪比较)

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

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

Expresso是2个.NET版本的正则表明式编辑器。可以测试你的正则表达式。

页面品质分析工具(相比较首要就不分类,直接叁个大类)

gtmetrix 网址品质分析 –
推荐不想用插件工具就平昔访问网页吧

WebPagetest壹款特别雅观的网页前端品质测试工具海外在线地址境内Ali在线地址

谷歌(Google)插件PageSpeed(页面质量检验优化

  • 自家要好测试卡到2/四?笔者浏览器逗比?)

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

火狐请参见 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)
中文版,点我

除开最终1个网络或许找不到普通话版

谷歌(Google)浏览器插件
–用到谷歌(谷歌(Google))插件其实很少(其实作者本身用的蛮多),为了便于,因为谷歌插件下载多数主题材料,作者一向发到网盘,有亟待的可以和睦下载(360,猎豹应用市集也有广大用到)

Web
Developer(居然被本身找到谷歌(谷歌(Google))版的,可是是英文的,不错了)

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

CSSViewer(浮动面板轻松彰显CSS属性)

Wappalyze(分析网站使用什么技巧,优化的时候能够看人家网址采用什么本事)

IE
Tab(直接在Chrome中央银行使IE渲染引擎模仿IE,IE陆、IE7、IE八和IE九,扩大近日仅适用于Windows系统,认为有个别不可靠)

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

Image
Downloader(批量下载图片)

谷歌(谷歌(Google))加紧插件 替换部分要求翻墙才具链接的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 是1款用来总计选中网页的字数,帮忙汉语的恢宏。

提出国访问问360云盘共享文件多,有点乱,自个儿翻
访问密码 a505

其余软件工具

Flux调动显示屏亮度,暖色调

ADSafe过滤广告

Everything高速查询

Wise Registry
Cleaner注册表清理

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

360云盘同台数据文件

有道云笔记合作同步开拓

Proxy SwitchySharp 代理工科具,翻墙用的,须求和煦找账号消息填写哦

别的一些英特网中国人民解放军海军事工业程高校业具

中华开源在线工具

熊猫png压缩

智图(种种图形压缩)

7-Up图坐标查询

cssanimate动画制作工具

在线切图工具(方今找到的,不明了怎么,迎接我们测试)

配色方案(美术职业的工具)

在线正则regex pal

正则图形展现*?%24)

多彩正则

CSS3/HTML5/SVG
包容性查询表

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

gulp常用插件

收10了在团结办事个中常用的部分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)

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

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

压缩html
(gulp-minify-html)

支持文书档案

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

jQuery手册,别的版本

Zepto手册

Less.js
中文文书档案

Bootstrap
华语文书档案

Underscore.js (1.8.二)
粤语文书档案

Backbone.js(一.1.二)
API粤语文书档案

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

谷歌搜索地址(不用翻墙)

地址1地址2地址3

再2次谢谢您耗时读书那篇小说,借使您有越来越好的工具,能够给自身留言,其余资料还在整治在那之中,多谢您的读书!

作者@深紫才能、

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

*
*
Website