去D2后发现 Hedger 的js编辑器是webStorm，便下载来试试，结果发现：
虽然WebStorm的js的提示远远不如aptana那么强悍(输入字母d不提示document)，但是做为 IntelliJ IDEA 的js缩水版，其它功能也是比较期待的。
具体的有：
1. 文件不用保存，敲完直接看演示(ff也有类似的一款插件，罗浮宫abcd曾推荐过)。
2. 自带有svn，如果不用服务器版的svn的话，本地自身带一个版本管理的。非常方便。
3. 编辑右侧有各浏览器浏览快捷方式，更是快中快。说不好的一点，就是吃内存。
今天使用js提示比较迟缓。
发现在设置-& Code Completion -& Autopopup 下 1000改为0, 右边Parameter Info中的1000 也改为 0，
这样提示就不会迟缓了。
IntelliJ-Idea快捷键:
Alt+回车&导入包,自动修正Ctrl+N&&&查找类Ctrl+Shift+N&查找文件Ctrl+Alt+L&&格式化代码Ctrl+Alt+O&优化导入的类和包Alt+Insert&生成代码(如get,set方法,构造函数等)Ctrl+E或者Alt+Shift+C&&最近更改的代码Ctrl+R&替换文本Ctrl+F&查找文本Ctrl+Shift+Space&自动补全代码Ctrl+空格&代码提示Ctrl+Alt+Space&类名或接口名提示Ctrl+P&方法参数提示Ctrl+Shift+Alt+N&查找类中的方法或变量Alt+Shift+C&对比最近修改的代码&Shift+F6&&重构-重命名Ctrl+Shift+先上键Ctrl+X&删除行Ctrl+D&复制行Ctrl+/&或&Ctrl+Shift+/&&注释（//&或者/*...*/&）Ctrl+J&&自动代码Ctrl+E&最近打开的文件Ctrl+H&显示类结构图Ctrl+Q&显示注释文档Alt+F1&查找代码所在位置Alt+1&快速打开或隐藏工程面板Ctrl+Alt+&left/right&返回至上次浏览的位置Alt+&left/right&切换代码视图Alt+&Up/Down&在方法间快速移动定位Ctrl+Shift+Up/Down&代码向上/下移动。F2&或Shift+F2&高亮错误或警告快速定位&代码标签输入完成后，按Tab，生成代码。选中文本，按Ctrl+Shift+F7&，高亮显示所有该文本，按Esc高亮消失。Ctrl+W&选中代码，连续按会有其他效果选中文本，按Alt+F3&，逐个往下查找相同文本，并高亮显示。Ctrl+Up/Down&光标跳转到第一行或最后一行下Ctrl+B&快速打开光标处的类或方法&
会有人问，IntelliJ-Idea 的快捷键 webstorm支持吗？支持，两个是同一个公司开发的。
正如eclipse扩展出系列IDE一样，其子类产品都支持e的大部分快捷键。
其它比如：myeclipse,Aptana,ZendStudio,Flex等等。
&(另外发现webstorm默认的快捷键太傻叉，ctlr + x居然是删除单行，正准备修改之后发现，它可以改为visual studio、eclipse或NetBean风格的)。
keymap --& keymaps
学习一个软件的使用先从快捷键开始，快捷键是高效工作的基石，所以重中之重。而使用快捷键的最高境界是修改软件的快捷键。基于我经常使用软件的修改的快捷键：
1. Photoshop:
F1: 新建图层(因为在ps中新建图层尤如js中的新建变量，使用频繁而比较重要，F1 -& help太浪费这个键了) 。
F2: 新建文件
F3: 满画布显示
F4: 实际象素显示
F5: 存储为web格式，就是那个原来要(ctrl + shift + alt + s) 按五个键才能完成存储优化后的gif,jpg或png-8,png-24，有兴趣的同学可以比较一下这种方式存储的jpg与ctlr + shft + s存储的jpg的容量大小。
F9: 裁剪(选区后切图，编辑命令下)
F10: 自由变化(原来为ctlr + t)&
F11: 变化选区(原来需要右键) ，这两个好多同学无法区分，其实很简单，F10变换的是选区里边的内容，而F11变换的是选区。
F12: 画笔(原来为F5) ，F12原来为恢复，这个不痛不痒的命令占用这么大一个键，实在是太---浪费。
图像--& 模式 --& 索引颜色 改为： ctrl + '-' (减号)，RGB模式 ctrl + '+' (加号)
图层--& 新建 --& 从图层建立组 改为： ctrl + '.'(句号)
图层--& 图层样式 拷贝图标样式 改为: alt + ctrl + c,复制图层样式：alt + ctrl + v
2. dreamweaver
F1: 注释html
F2: 多行注释 js
F3: 单行注释 js
F6: 取消注释
编辑 --& 代码折叠 --& 折叠所选 ctrl + ','(逗号) 折叠完整标签ctrl + '.'(句号)
扩展展开：ctrl + return&
格式化：ctrl + shift + F 这个跟eclipse中的一样了。但是实在想不通VS里边这么重要的操作怎么没有一个快捷键分配。
Eclipse系列: F4 为max window
尤其可以想到windows系统中的快捷键，
在运行中输以下命令看看会出现什么？
notepad,calc,mspaint,control,main.cpl,等等，
这个在系统 C:\WINDOWS\system32 下搜索 exe,cpl之后出来的都可以在运行中运用。
其实有时候快捷键就像算法一样是相同的，在windows下还有一个必杀技就是原来从photoshop中的ctlr + w得来的，在w中，基本上所有的浏览器视窗都能用这个关闭。
最后，有兴趣的可以在cmd中试一下alt + enter会发生什么情况，同样的快捷键在execl中会发生什么呢？
呵呵，其实人与计算机的交互是比较精彩的，只要掌控了问题的关键命脉才能做到泰山崩于眼前而面不改色的淡定境界。
祝各位圣诞快乐，洋人的破节真没有啥可过的，看个电影优惠券都不起作用。生活如此的沉重，还需我辈中人共同的努力才是。
阅读(...) 评论()85908人阅读
WebStorm（2）
常用快捷键—Webstorm入门指南
提高代码编写效率，离不开快捷键的使用，Webstorm拥有丰富的代码快速编辑功能，你可以自由配置功能快捷键。
快捷键配置
点击“File”-& “settings”
Webstorm预置了其他编辑器的快捷键配置，可以点击
默认配置-Eclipse的常用快捷键对照表
Webstorm快捷键
Eclipse快捷键
ctrl+shift+N
ctrl+shift+R
通过文件名快速查找工程内的文件（必记）
ctrl+shift+alt+N
ctrl+shift+alt+N
通过一个字符快速查找位置（必记）
ctrl+F
ctrl+F
在文件内快速查找代码
ctrl+K
查找下一个
shift+F3
ctrl+shift+K
查找上一个
ctrl+R
ctrl+F
文件内代码替换
ctrl+shift+R
指定目录内代码批量替换
ctrl+shift+F
ctrl+H
指定目录内代码批量查找
Webstorm快捷键
Eclipse快捷键
ctrl+shift+A
ctrl+shift+A
快速查找并使用编辑器所有功能（必记）
alt+[0-9]
alt+[0-9]
快速拆合功能界面模块
ctrl+shift+F12
ctrl+shift+F12
最大区域显示代码（会隐藏其他的功能界面模块）
alt+shift+F
alt+shift+F
将当前文件加入收藏夹
ctrl+alt+s
ctrl+alt+s
打开配置窗口
ctrl+tab
ctrl+tab
切换代码选项卡（还要进行此选择，效率差些）
alt+←/→
alt+←/→
切换代码选项卡
ctrl+F4
ctrl+F4
关闭当前代码选项卡
Webstorm快捷键
Eclipse快捷键
ctrl+D
ctrl+shift+↑
复制当前行
ctrl+W
alt+shift+↑
ctrl+←/→
ctrl+←/→
以单词作为边界跳光标位置
alt+insert
alt+insert
新建一个文件或其他
ctrl+alt+L
ctrl+alt+L
格式化代码
shift+tab/tab
shift+tab/tab
减少/扩大缩进（可以在代码中减少行缩进）
ctrl+Y
ctrl+D
shift+enter
shift+enter
重新开始一行（无论光标在哪个位置）
Webstorm快捷键
Eclipse快捷键
进入代码编辑区域
alt+F1
alt+F1
查找代码在其他界面模块的位置，颇为有用
ctrl+G
ctrl+L
到指定行的代码
ctrl+]/[
ctrl+]/[
光标到代码块的前面或后面
alt+up/down
ctrl+shift+up/down
上一个/下一个方法
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：519688次
积分：4305
积分：4305
排名：第5403名
原创：28篇
转载：144篇
评论：61条
(5)(1)(1)(3)(20)(1)(5)(1)(3)(1)(2)(3)(6)(3)(1)(16)(3)(3)(1)(6)(8)(8)(5)(14)(3)(3)(1)(22)(14)(6)(1)(1)(5)(4)(5)(2)(4)(1)webstorm入门5-sass、scss、less监听编译 - FED社区
webstorm入门5-sass、scss、less监听编译
在使用 webstorm 编辑器时，你不必写 gulp、grunt 配置文件来监听 css 预处理文件来实时编译，也不必安装其他 watch 插件，webstorm 自带就有了。
打开配置（Tools - File Watchers）就可以见到了，点击“+”号就可以新建监听配置了。
同时，在新建一个 sass、scss、less 文件之后，webstorm 会智能的提示你新建一个 watcher 任务：
编译 sass、scss 文件，你需要先安装
npm install -g node-sass
安装好之后，就可以参考官方文档配置来写配置信息
-w, --watch
Watch a directory or file
-r, --recursive
Recursively watch directories or files
-o, --output
Output directory
-x, --omit-source-map-url
Omit source map URL comment from output
-i, --indented-syntax
Treat data from stdin as sass code (versus scss)
-q, --quiet
Suppress log output except on error
-v, --version
Prints version info
--output-style
CSS output style (nested | expanded | compact | compressed)
--indent-type
Indent type for output CSS (space | tab)
--indent-width
I number of spaces or tabs (maximum value: 10)
--linefeed
Linefeed style (cr | crlf | lf | lfcr)
--source-comments
Include debug info in output
--source-map
Emit source map
--source-map-contents
Embed include contents in map
--source-map-embed
Embed sourceMappingUrl as data URI
--source-map-root
Base path, will be emitted in source-map as is
--include-path
Path to look for imported files
--precision
The amount of precision allowed in decimal numbers
--importer
Path to .js file containing custom importer
--functions
Path to .js file containing custom functions
Print usage info
因为 webstorm 自带了 watch，因此不必配置 -w。最简单的配置是这样的：
node-sass source target
编译后的文件结构是这样的：
每个源文件都会对应一个 css 文件，非常便于管理，而且可以折叠起来，这是其他外置工具无法做到的。
less 编译方式大同小异。编译 sass、scss 文件，你需要先安装
-h, --help
Prints help (this message) and exit.
--include-path=PATHS
Sets include paths. Separated by `:'. Use `;' on Windows.
-M, --depends
Outputs a makefile import dependency list to stdout.
--no-color
Disables colorized output.
--no-ie-compat
Disables IE compatibility checks.
Disables JavaScript in less files
-l, --lint
Syntax check only (lint).
-s, --silent
Suppresses output of error messages.
--strict-imports
Forces evaluation of imports.
--insecure
Allows imports from insecure https hosts.
-v, --version
Prints version number and exit.
-x, --compress
Compresses output by removing some whitespaces.
--source-map[=FILENAME]
Outputs a v3 sourcemap to the filename (or output filename.map).
--source-map-rootpath=X
Adds this path onto the sourcemap filename and less file paths.
--source-map-basepath=X
Sets sourcemap base path, defaults to current working directory.
--source-map-less-inline Puts the less files into the map instead of referencing them.
--source-map-map-inline
Puts the map (and any less files) into the output css file.
--source-map-url=URL
Sets a custom URL to map file, for sourceMappingURL comment
in generated CSS file.
-rp, --rootpath=URL
Sets rootpath for url rewriting in relative imports and urls
Works with or without the relative-urls option.
-ru, --relative-urls
Re-writes relative urls to the base less file.
-sm=on|off
Turns on or off strict math, where in strict mode, math.
--strict-math=on|off
Requires brackets. This option may default to on and then
be removed in the future.
-su=on|off
Allows mixed units, e.g. 1px+1em or 1px*1px which have units
--strict-units=on|off
that cannot be represented.
--global-var='VAR=VALUE' Defines a variable that can be referenced by the file.
--modify-var='VAR=VALUE' Modifies a variable already declared in the file.
--url-args='QUERYSTRING' Adds params into url tokens (e.g. 42, cb=42 or 'a=1&b=2')
--plugin=PLUGIN=OPTIONS
Loads a plugin. You can also omit the --plugin= if the plugin begins
less-plugin. E.g. the clean css plugin is called less-plugin-clean-css
once installed (npm install less-plugin-clean-css), use either with
--plugin=less-plugin-clean-css or just --clean-css
specify options afterwards e.g. --plugin=less-plugin-clean-css=&advanced&
or --clean-css=&advanced&
使用方法也很简单：
less source
在重命名 sass、scss、less 文件时，webstorm 也会这样提示你：
专辑《webstorm入门》创建于 日 13:27:39。
1年前 文章
1年前 文章
1年前 文章
1年前 文章
1年前 文章
1,172 声望
发布于 1年前 更新于 1年前&3次 被阅读 10,381 次 被评论
FED社区 FED社区（前端开发社区 The Front-End Development community）是为前端开发者提供的一个专业技术服务社区。为前端开发者提供文章发表、智慧提问、链接分享、交流分享等专业技术服务。
&2014 FrontEndDev.org MIT
854,613,969 sqRFcCccVRmlgemRqGsl 6435735人阅读
前端开发（14）
在项目开发过程中，有的人喜欢用tab来缩进，有的人喜欢用空格。为了保持缩进风格的一致，可以使用EditorConfig来规范缩进风格，缩进大小，tab长度以及字符集等。
Editorconfig项目由两部分组成，一个是.editorconfig 的文件格式（format）,一个是editorconfig 插件（plugin）
Editorconfig使用.editorconfig文件来设置python，javascript文件的行尾和缩进风格。官方提供的示例代码如下。
# EditorConfig is awesome: http://EditorConfig.org
# top-most EditorConfig file
root = true
# Unix-style newlines with a newline ending every file
end_of_line = lf
insert_final_newline = true
# 4 space indentation
indent_style = space
indent_size = 4
# Tab indentation (no size specified)
indent_style = tab
# Indentation override for all JS under lib directory
[lib/**.js]
indent_style = space
indent_size = 2
# Matches the exact files either package.json or .travis.yml
[{package.json,.travis.yml}]
indent_style = space
indent_size = 2
使用的时候需要把.editorconfig放在项目目录里。
当打开文件的时候，editorconfig 插件就会在当前目录及上级目录寻找.editorconfig文件。
在很多开发工具中都可找到editconfig的插件。
官方文档可以在这个网站查看
http://editorconfig.org/
现在举例在webstorm中安装Editconfig的安装和使用
1首先打开Webstorm然后选择Configure
2选择plugins
3选择browser repositories
4找到Editorconfig后右击选择Download and install，安装完成后重启webstorm
http://editorconfig.org/
在windows下使用时，在要使用editorconfig的项目目录里创建 .editorconfig. 的文件，这样系统会自动命名为.editorconfig
编码就会根据.editorconfig中指定的风格进行规范
具体查看文档解释。
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：31786次
排名：千里之外
原创：18篇
(14)(2)(3)