webstorm使用技巧 - 梦见一只羊
webstorm使用技巧
更新———————————-
1 添加vue的高亮显示：
file-settings-editor-html添加*.vue 同时在settings-plugins下载vuejs和vue-for-idea
2 支持es6语法 settings-language-es6
3 试用了visual studio code,记录一下遇到的问题
a 切换输入法 ctrl+space键
b vue文件的注释问题：添加扩展vetur,然后重新加载，即可在vue正常注释
4 添加material theme UI : settings-plugins-browseRepositories下载material theme UI
更新———————————-
今天用hbuilder打开保存gb2312编码的html，打开后出现了很多锟斤拷，用webstrom打卡不会有这个问题
激活网址：http://idea.iteblog.com/key.php
webstrom快捷键：
1 自动补全： ul.cls>li*6>a[href=#]{hello world} +tab等于
<ul class="cls">
<li><a href="#">hello world</a></li>
<li><a href="#">hello world</a></li>
<li><a href="#">hello world</a></li>
<li><a href="#">hello world</a></li>
<li><a href="#">hello world</a></li>
<li><a href="#">hello world</a></li>
</ul>
2 设置颜色字体大小：file-settings-edditor-html快捷键contrl+alt+s
3 整理代码格式
CTRL+ALT+L
4 快捷键
选中文本，按Ctrl+Shift+F7 高亮显示所有该文本，按Esc高亮消失
Ctrl+X 删除行
Ctrl+D 复制行
Ctrl+G 查找行
Ctrl+Shift+Up/Down 代码向上/下移动。
F2 或Shift+F2 高亮错误或警告快速定位
ctrl+shift+r 跨文件替换
Ctrl+R 替换文本
Ctrl+F 查找文本
Ctrl+P 方法参数提示
F3 查找下一个
Shift+F3 查找上一个
ctrl+alt+s 打开配置窗口
ctrl+Shift+N 通过文件名快速查找工程内的文件
ctrl+Shift+alt+N 通过一个字符快速查找位置
5 预编译LESS:
首先在node下全局安装：cnpm install less -g
然后在file-settings-file watcher上设置：
program为less安装位置，outpaths为编译的css生成位置，$FileDir$\$FileNameWithoutExtension$.css