[摘要：web前端开辟乃及别的的相干开辟，推举sublime text, webstorm(jetbrains公司系列产物)那两个的缘由正在于，有个叫emmet,
http://docs.emmet.io，而那两个对他的支撑是：
web前端开发乃及其它的相关开发，推荐sublime text, webstorm(jetbrains公司系列)这两个的原因在于，有个叫emmet,
http://docs.emmet.io，而这两个对他的支持是：
sublime text 是所有里边支持emmet比较好的的唯一一款。
webstorm是所有编辑器里边唯一内置emmet的一款，并且将emmet的精神往前推动的一款。
&phpstorm，idea包括所有webstorm的功能。只是phpstorm是针对phper的，idea是针对er，webstorm针对前端er。&
他们的详细对比：&/5884
一. css工具:
1. emmet&http://docs.emmet.io/
a. 可以以插件的形式安装在dreamweaver,notepad++,editplus,sublime各个编辑器上。
http://www.qianduan.net/zen-coding-a-new-way-to-write-html-code.html
http://www.qianduan.net/the-zen-coding-renamed-as-emmet.html
http://www.qianduan.net/zen-coding--to-0-7.html
http://www.qianduan.net/zen-coding-resources-to-update.html
http://www.qianduan.net/zen-coding-for-dreamweaver-plug-in-tutorial.html
emmet在sublime上的效果：
1). css ：他与其它编辑器的区别在于细节上，比如ctrl,alt+方向键可以修和里边的数值
2). html 效果：
3). sublime的emmet规则修改：
s-&Emmet-&emmet-&snippets.json
b. 只有一个例外jetbrain公司的产品线：webstorm,phpstorm,intellij idea都是内置的，不需要安装。
写js的效果：
2). webstorm的emmet规则修改：Files -& settings -& Live Templates
2. css压缩办法：
a. 通过正则五步替换法，适用于任何编辑器：
/sky000/archive//1913719.html
b. 模块化工具
二. js工具：
1. 压缩等：
http://tools./
http://tool.oschina.net/
2. 以emmet的方式开发js,php,jsp,java and so on。
/jikey/archive//2420704.html
/jikey/archive//2549347.html
3. firebug,调试工具的使用：&
http://ued.taobao.org/blog/?p=5534
chrome调试
/QLeelulu/archive//2156402.html
chrome的调试
https://developers..com/chrome-developer-tools/docs/line-api
chrome console 命令详解
/blog/2008/06/firebug_tutorial.html
Firebug入门指南
/blog/2011/03/firebug_console_tutorial.html
Firebug控制台详解
/chrome-developer-tools/docs/mobile-emulation
chrome移动版调试
/archives/296
【译】上的远程调试
用Chrome工具做性能分析
/code-snippets/mobile-web-code-snippets/1384.html
用(Chrome)来当
/xiaoyao2011/p/3447421.html
查看事件绑定
chrome.exe --user-agent=&Mozilla/5.0 (; U; Android 2.2; en- Nexus One Build/FRF91) WebKit/533.1 (KHTML, like Gecko) /4.0 Mobile Safari/533.1&
http://jinlong.github.io/blog//devtoolsecrets/
综合浏览器开发工具
http://ccforward.net/2013/02/firebug_console.html
关于FireBug和Chrome的控制台
http://www.oschina.net/translate/performance-optimisation-with-timeline-profiles
/article-25-1.html
chrome profiles
/deercoder/archive//158886.html
Chrome神器Vimium学习记录&
http://www.iinterest.net//chrome-dev-tool-workspace/
Chrome 开发工具 Workspace 使用&
4. js参考手册：
5. 其它开发工具：
新手推荐：editplus，vim
团队开发：
webstorm, phpstorm(phper), pycharm(er), intellij idea(javaer).
/share/?id=2d7ff03aeca64808fdc0f394ffb520bf&type=notebook
6. 模块化开发grunt
http://www.gruntjs.org/article/getting_started.html
/questions//how-to-setup-grunt-in-webstorm-on-
扩展工具grunt
http://www.gruntjs.org/article/home.html
/tugenhua0707/p/3497488.html
前端构建工具---Grunt
/tool/grunt.html
q.com/cn/articles/GruntJs
/frankfang/2612
享受 Grunt
/yexiaochai/p/3603389.html
/yexiaochai/p/3594561.html
叶小钗 第一弹
/articles/n2Uj2y
http://gratimax.github.io/search-gulp-plugins
gulp plugins
/gulpjs/gulp
/laopopo/2547?page=1
前端构建工具gulp入门教程
Gulp 另一种自动化流水线
三：jq工具
1. oschina参考手册大全。
2. w3c_all.chm，w3cschool离线版，包含了javascript,jquery,php,sql,html,css2.x,3.x的手册。
前端开发qq群： ，禁止闲聊，非喜勿进~！ThinkJS 项目用 WebStorm 来设置断点与调试 - JKisJK - 博客园
随笔 - 89, 文章 - 0, 评论 - 193, 引用 - 0
1. 前置条件。已按ThinkJS 2.0 文档 之 《》 建好项目。 　　说明a: 本示例创建项目名为wagang，使用es6配置： thinkjs new wagang --es6 　　说明b: 最后两步（启动项目、访问项目）后，控制台输出如下。　　
2. 用WebStorm打开项目，修改/src/home/logic/index.js，添加两行代码。 　　本文内容，在13行位置设断点进行调试。　　
3. 我的WebStorm版本为10.0.4，按以下步骤添加一个debug:　　　　---》》》　　　　---》》》　　　　---》》》　　
4. 启动调试：　　
5. 由于本示例项目使用es6参数，src目录下的是源代码，经babel编译到app目录下，所以，需要把断点改设到app目录下对应的文件。　　
6. 访问 http://127.0.0.1:8360/ ，预期应该是顺利进入断点的。　　
7. 如果没有进入断点，别灰心，我也碰到过灵异现象，把这个去掉勾选，再访问 http://127.0.0.1:8360/ 试下。（看似灵异时这个复选的状态是反的。但后来又灵异的变好了）　　帐号:密码:下次自动登录{url:/nForum/slist.json?uid=guest&root=list-section}{url:/nForum/nlist.json?uid=guest&root=list-section}
贴数:1&分页:我的大小宝贝儿...发信人: shaolin (慢慢当爹路), 信区: WebDev
标&&题: Re: 请问有人知道如何用webstorm来调试远程主机的代码？
发信站: 水木社区 (Sat Jun 15 22:49:51 2013), 站内 && fiddler
【 在 vivishelley (thinking) 的大作中提到: 】
: 我装了虚拟机运行服务器的代码，服务器有大量的javascript代码。其实服务器的代码目录是和本地机器share的同一个目录。
: 有什么好法子用webstorm来调试服务器的javascript代码，然后又可以把代码映射到本地目录，这样调试时还可以即时修改代码。
: ...................
&& -- &&&&&&/ &&&& ※ 来源:·水木社区 newsmth.net·[FROM: 106.113.165.59]
文章数:1&分页:
抽奖到手软！将狂欢进行到底！使用WebStorm8调试js选择IE作为浏览器无效
[问题点数：40分]
使用WebStorm8调试js选择IE作为浏览器无效
[问题点数：40分]
不显示删除回复
显示所有回复
显示星级回复
显示得分回复
只显示楼主
2014年7月 Web 开发大版内专家分月排行榜第三
2014年7月 Web 开发大版内专家分月排行榜第三
匿名用户不能发表回复！|
每天回帖即可获得10分可用分！小技巧：
你还可以输入10000个字符
(Ctrl+Enter)
请遵守CSDN，不得违反国家法律法规。
转载文章请注明出自“CSDN（www.csdn.net）”。如是商业用途请联系原作者。WebStorm7快速入门_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
WebStorm7快速入门
上传于||文档简介
&&自​己​翻​译​的​,​看​官​慎​入
阅读已结束，如果下载本文需要使用2下载券
想免费下载本文？
下载文档到电脑，查找使用更方便
还剩10页未读，继续阅读
你可能喜欢}