改主题

去除WebStorm 默认打开上次最后启动的文件

Preferences->System Settings ->将Reopen last project on startup前对勾去掉

折叠快捷键：

command +/command - **打开／折叠对应代码块**

shift command + / shift command - **打开／折叠所有的代码**

control+command + / control+command - **放大／缩小webstrom窗口**

移动代码行

shift + command + **上下箭头将光标所在的行向下或向上移动**

代码规范

option + command + L **对当前页面代码进行格式整理**

快速查找

command **＋ shift + F 全局查找或自己指定响应目录**

command + F **在当前页面查找**

command + O **查找类名command + shift + O **快速查找某个文件

插件

perferences —> Plugins

将代码屏分成两部分

右击相应的**tab,**

选择**split + vertically **竖直分成两屏

选择**split + horizontally **分成上下两屏

安装EsLint帮助我们检查Javascript编程时的语法错误

安装：Npm install gulp-eslint –save-dev

在你的项目目录下，运行：eslint –init将会产生一个.eslintrc的文件，文件内容包含一些校验规则

配置：在webstrom下Preferences搜eslint,导入相应配置文件

http://www.cnblogs.com/ruanyifeng/p/5283708.html

webstrom 对vue文件支持

把.vue文件在WebStrom的设置里面的FileType设置为HTML，WebStorm就自动支持了.vue文件的高亮

欢迎补充更多好用的小技巧。

秀的HTML5前端开发人员，懂得如何合理安排自己的时间，让自己的学习和工作的效率都非常高，有的时候合理运用一些开发软件，也能够帮助自己节省出大量的时间和精力，那么HTML5前端开发人员常用的软件有哪些呢？

1、Dreamweaver

一款网页编辑软件，功能非常强大，优点在于可视化编辑，还有错误提示。

Dreamweaver支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页，对于初级人员，可以无需编写任何代码就能快速创建Web页面。其成熟的代码编辑工具更适用于Web开发高级人员的创作。

2、Adobe Edge

Adobe Edge是一个用HTML5、CSS、Java开发动态互动内容的设计工具。

Adobe Edge一个重要功能是Web工具包界面，用于方便确保在不同浏览器中架构的一致性。通过Edge设计的内容可以兼容ios和Android设备，也可以运行在火狐、Chrome、Safari和IE9等主流浏览器上。

3、Notepad++

Notepad++是在微软视窗环境之下的一个免费的代码编辑器。它使用较少的CPU功率，降低电脑系统能源消耗，但轻巧且执行效率高。

拥有自动检测文件类型，根据关键字显示节点，节点可自由折叠/打开，显示缩进引导线，代码显示得很有层次感，打开双窗口，在分窗口中又可打开多个子窗口等强大功能。

4、Sencha Touch 2

Sencha Touch2是移动应用框架，也被看作是Sencha的HTML5平台。开发者可以用它开发面向iOS、Android和Blackberry、Kindle Fire等多种平台的移动应用。

5、Sublime Text 3

Sublime Text 具有漂亮的用户界面和代码缩略图，Python的插件，代码段等强大功能。还可自定义键绑定，菜单和工具栏。

主要功能有：拼写检查，书签，完整的Python API，Goto功能，即时项目切换，多选择，多窗口等。

6、PhpStorm

Phpstorm免费版能全面的提升用户php代码编写的效率，并且提供能代码补全、快速导航、即时错误检查等等功能，大量的节省php代码编写时间。

7、Sencha Architect

在开发移动和桌面应用的工具中，Sencha的定位是HTML5可视化应用开发。开发团队可以在一个单一集成的环境中完成应用的设计、开发和部署。

8、JetBrains WebStorm 4.0

拥有HTML编辑器的JavaScript集成开发环境，还为开发者们提供了开发web应用的HTML5样板。开发者可以在创建HTML文档时可获得对HTML5文件的支持。

以上就是几种HTML5开发者们常用的工具，希望大家能够提高自己HTML5开发学习和工作的效率。