webstorm快捷键、支持vue文件等部分使用技巧

转载：https://www.cnblogs.com/seven077/p/9771474.html

 

1.常用快捷键

shift+↑ 向上选取代码块shift+↓ 向下选取代码块ctrl+/ 注释/取消注释的行注释ctrl+alt+L 格式化代码tab,shift+tab 调整缩进ctrl+shift+V 从剪贴板里选择粘贴ctrl+D 复制代码副本shift+delete 删除当前行ctrl+shift+U 大小写转换alt+←,alt+→ 左右切换选项卡ctrl+B 跳转到变量声明处ctrl+F12 文件结构弹出式菜单（查看代码结构）如图：(tip：图片点击可放大,方便移动端浏览)alt+/ 代码补全ctrl+F 搜索ctrl+shift+F 按路径搜索如图：(tip：图片点击可放大,方便移动端浏览)ctrl+R 替换ctrl+shift+R 按路径替换如图：(tip：图片点击可放大,方便移动端浏览)shift+F6 重命名ctrl+W 选中单词shift+tab/tab 减少/扩大缩进ctrl+Y 删除一行esc 进入代码编辑区域alt+F1 查找代码在项目的具体某个位置 在浏览器打开 等等如图：(tip：图片点击可放大,方便移动端浏览)ctrl+G 到指定行的代码ctrl+F4 关闭当前代码选项卡

2.支持类：各种类型文件vue、php、es6语法等

支持vue文件类型、语法高亮及提示

2-1.支持vue语法提示：

安装vue插件：(tip：图片点击可放大,方便移动端浏览)成功后的效果：(tip：图片点击可放大,方便移动端浏览)

2-2.vue文件被编辑器识别（应用主题）：

(tip：图片点击可放大,方便移动端浏览)php文件识别也是同样的方法设置，这里不再赘述。2-3.支持es6语法(tip：图片点击可放大,方便移动端浏览)

2-4.编辑器中vue文件里面支持sass：

(tip：图片点击可放大,方便移动端浏览)如图：直接src引入或加上type=”text/scss”

3.编辑器里面添加多个项目

(tip：图片点击可放大,方便移动端浏览)

4.webstorm忽略node_module文件

4-1.针对文件夹单独设置：

(tip：图片点击可放大,方便移动端浏览)

4-2.全局设置：

(tip：图片点击可放大,方便移动端浏览)

5.建立vue模板文件

(tip：图片点击可放大,方便移动端浏览)成功后的效果：

转载于:https://www.cnblogs.com/Jeely/p/11269800.html