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