私家前端程序员开垦工具记录,windows61位必备软件清单

By admin in 4858美高梅 on 2019年4月20日

 目录

 目录

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

前端

一、前言

一、前言

个体前端技术员开拓工具记录

工具

2、平时必备

2、日常必备

前端
工具
总结

总结

3、前端相关

三、前端相关

github地址
大家前端,每种人都有协调的付出工作境况,工具等,所以本人写了这一篇小说,为和谐方便把自个儿常用的**前端工具
**记录下来,以便到时候在新的Computer上得以高速搭建自身熟习的劳作意况和使用本人深谙的工具,同时大概也会对你有少少的帮助吗!
前端情形软件安装
node.js
诸多事物都急需它
npm ,
cnpm ,
spm
安装能够转换Taobao的安装包地址(天猫镜像)
Ruby(git依赖)
, msysgit /
TortoiseGit
/
SourceTree[win7以上]
gulp 上面会列出常用插件
, F.I.S
(百度前端工具框架)
sass
教程/
less
git
再有其余3个工具(在xp,win七上可用照旧图形的啊,还有作品)
点我

github地址大家前端,每种人都有和好的付出工作意况,工具等,所以笔者写了那1篇小说,为和谐有利把本身常用的前端工具记录下来,以便到时候在新的计算机上可以长足搭建本人熟识的劳作条件和采纳本身深谙的工具,同时可能也会对你有少少的协助吗!

四、个人习贯

肆、个人习于旧贯

安装顺序 先安装node
–> npm
–> gulp
使用 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 Pepsi-Colas
样式生成工具
WampServer 搭建PHP碰着服务器
MyWebServer Mini型服务器
FlashFXP (ftp上传工具)
Regex Match Tracer 2.一 (正则工具)
SETUNA2
(图片裁剪相比较)
Markdown Pad 2
(写马克down格式文书档案必备的软件,作者作品是用在线版)
Winmerge
开源的文书相比较工具(假诺你不能够运用Beyond Compare)
Expresso是三个.NET本子的正则表明式编辑器。能够测试你的正则表达式。

前者景况软件设置

  

  

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

node.js许多事物都须求它

一、前言

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

     
 特地整理成文章,并且将有关软件上传到了百度网盘,省的现在再各个找财富了。

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

一、前言

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

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

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

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

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

2、日常必备

       一、搜狗输入法:

  2、QQ:

     
 3、微信:

  4、360压缩:

  5、有道云: http://note.youdao.com/  支持markdown,能够将网页的剧情按格式保存下去。

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

  7、百度网盘:

  8、office2016 :

 

二、平日必备

       一、搜狗输入法:

  2、QQ:

     
 3、微信:

  4、360压缩:

  5、有道云: http://note.youdao.com/  援救markdown,能够将网页的剧情按格式保存下来。

  6、搜狐云音乐: 敲代码怎么少得了音乐。

  7、百度网盘:

  8、office2016 :

 

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

Ruby(git依赖)
,msysgit4858美高梅 ,私家前端程序员开垦工具记录,windows61位必备软件清单。/TortoiseGit/SourceTree[win7以上]

三、前端相关

  1、谷歌(谷歌)浏览器

  2、notepad++ :

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

  4、Webstorm2017

  5、photoshop2014CC: 

  6、git :
廖雪峰的git教程

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

  8、fiddler 

  玖、浏览器插件:postman、xmarks、jsonviewer、2维码插件( Q卡宴 Code
Generator)、

 

3、前端相关

  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、贰维码插件( Q猎豹CS6 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
(百度前端工具框架)

四、个人习于旧贯

  一、360有惊无险警卫

  2、teamviewer

  3、IIS

  4、gif录制

  5、mysql5.7
 

  6、navicat for mysql

  7、vs2017 :

  八、代码生成器

  9、迅雷

 

 

 

            

 

4、个人习于旧贯

  1、360有惊无险警卫

  2、teamviewer

  3、IIS

  4、gif录制

  5、mysql5.7
 

  6、navicat for mysql

  7、vs2017 :

  8、代码生成器

  9、迅雷

 

 

 

            

 

除去最终四个网络也许找不到中文版
谷歌(谷歌(Google))浏览器插件
–用到谷歌插件其实很少(其实自个儿要好用的蛮多),为了有利于,因为谷歌(Google)插件下载很多主题材料,小编直接发到网盘,有供给的能够和谐下载(360,猎豹应用市镇也有许多使用)
Web
Developer
(居然被作者找到谷歌(谷歌(Google))版的,可是是英文的,不错了)
Window
Resizer
(允许你快捷调动浏览器窗口分辨率)
CSSViewer
(浮动面板不难突显CSS属性)
Wappalyze
(分析网址使用什么才能,优化的时候能够看人家网址选取什么本领)
IE
Tab
(直接在Chrome中选拔IE渲染引擎模仿IE,IE陆、IE七、IE八和IE九,扩张目前仅适用于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 谷歌(谷歌)用火狐插件(哈哈,开荒者用火狐提供的ie火狐js搞的吧)
网站转贰维码
(手提式有线电话机测试中有用,扫描就张开测试地方了)
ScriptSafe汉化版 (能够调控页面包车型客车js脚本)
Word Count 是1款用来总括选中网页的篇幅,协理汉语的扩展。

sass教程/less

建议访问
360云盘共享
文件多,有点乱,自个儿翻 访问密码 a505
其余软件工具
Flux
调节荧屏亮度,暖色调
ADSafe 过滤广告
Everything
快速查询
Wise Registry
Cleaner
注册表清理
Clover
让您的Windows资源管理道具备像谷歌(Google)浏览器一样好用的多标签页
360云盘
同步数据文件
有道云笔记
合作同步开采
Proxy SwitchySharp 代理工科具,翻墙用的,供给本身找账号消息填写哦

git

别的部分网络中国人民解放军海军事工业程高校业具
中华人民共和国开源在线工具
熊猫png压缩
智图(两种图形压缩)
Pepsi-Cola图坐标查询
cssanimate动画制作工具
在线切图工具
(近日找到的,不掌握怎样,接待我们测试)
配色方案(美术专门的事业的工具)
在线正则regex pal
正则图形显示
彩色正则
CSS3/HTML5/SVG
包容性查询表
WhatTheFont-字体查询一
求字体网-字体查询二
What Font
is-字体查询三

还有此外二个工具(在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)
将文件转成utf八编码的gulp插件(gulp-utf8-convert)
联合按模块引进的html文件(gulp-content-includer)
压缩html
(gulp-minify-html)

设置顺序 先安装node

扶植文书档案
css手册
在线(里面能够下载,多谢小编:飘零雾雨)
jQuery手册
, 其余版本
Zepto手册
Less.js
中文文档
Bootstrap
国语文书档案
Underscore.js (壹.8.2)
中文文书档案
Backbone.js(一.1.二)
API粤语文书档案
任何在线手册
自个儿看呢,应该有个别都有了

–> npm

谷歌(谷歌(Google))搜索地址(不用翻墙)
地址1
地址2
地址3

–> gulp

再1遍感激您费用时间读书那篇小说,假使你有更加好的工具,能够给本身留言,其余材料还在重整个中,多谢你的开卷!
作者
@深红技术
20一伍 年 八月 117日 更新时间: 20一伍 年 6月 31日

行使 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 Sprites
样式生成工具

WampServer 搭建PHP意况服务器

MyWebServer 迷你型服务器

FlashFXP (ftp上传工具)

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

SETUNA2(图片裁剪相比较)

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

Winmerge开源的公文比较工具(假若您不能够运用Beyond
Compare)

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

页面品质分析工具(比较主要就不分类,间接多个大类)

gtmetrix 网址质量分析 –
推荐不想用插件工具就直接待上访问网页吧

WebPagetest壹款尤其美好的网页前端质量测试工具国外在线地址境内阿里在线地址

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

  • 本人要好测试卡到2/四?作者浏览器逗比?)

谷歌(Google)插件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)
中文版,点我

除此而外最终2个英特网恐怕找不到中文版

谷歌浏览器插件
–用到谷歌(Google)插件其实很少(其实自个儿要好用的蛮多),为了便利,因为谷歌插件下载许多主题材料,作者一贯发到网盘,有必要的能够团结下载(360,猎豹应用市集也有很多用到)

Web
Developer(居然被自个儿找到谷歌版的,但是是英文的,不错了)

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

CSSViewer(浮动面板简单呈现CSS属性)

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

IE
Tab(直接在Chrome中使用IE渲染引擎模仿IE,IE陆、IE柒、IE八和IE玖,增加目前仅适用于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 谷歌用火狐插件(哈哈,开垦者用火狐提供的ie火狐js搞的吗)

网址转二维码(手提式有线电话机测试中有用,扫描就开拓测试地方了)

ScriptSafe汉化版 (能够调控页面包车型客车js脚本)

Word Count 是1款用来计算选中网页的字数,帮忙普通话的恢弘。

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

其余软件工具

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

ADSafe过滤广告

Everything迅猛查询

Wise Registry
Cleaner注册表清理

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

360云盘协办数据文件

有道云笔记经济合营同步开采

Proxy SwitchySharp 代理工科具,翻墙用的,须求团结找账号新闻填写哦

别的一些英特网工具

中夏族民共和国开源在线工具

熊猫png压缩

智图(各样图片压缩)

Coca Cola图坐标查询

cssanimate动画制作工具

在线切图工具(方今找到的,不掌握什么样,迎接大家测试)

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

在线正则regex pal

正则图形显示*?%24)

色彩缤纷正则

CSS3/HTML5/SVG
包容性查询表

WhatTheFont-字体查询壹求字体网-字体查询贰What
Font
is-字体查询三

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)

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

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

压缩html
(gulp-minify-html)

帮助文书档案

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

jQuery手册,任何版本

Zepto手册

Less.js
汉语文书档案

Bootstrap
国语文书档案

Underscore.js (一.八.二)
普通话文书档案

Backbone.js(1.1.二)
API中文文书档案

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

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

地址1地址2地址3

再三遍谢谢您开支时间读书那篇小说,要是你有更加好的工具,能够给自己留言,其余材料还在照应当中,感谢您的开卷!

作者@灰黄才具、

发表评论

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

网站地图xml地图
Copyright @ 2010-2019 美高梅手机版4858 版权所有