热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

webstorm前端javascript开发神器中文教程和技巧分享(转)

webstorm是一款前端javascript开发编辑的神器,此文介绍webstorm的中文教程和技巧分享。webstorm8.0.3中文汉化版下载:百

webstorm是一款前端Javascript开发编辑的神器,此文介绍webstorm的中文教程和技巧分享。

webstorm8.0.3中文汉化版下载:
百度网盘下载:http://pan.baidu.com/s/1pJI9PMV

WebStorm为前端Javascript开发而生,专门为 Javascript开发做了很多优化,令前端工程师眼前一亮的。

一、webstorm的功能

1、webstorm的智能的代码补全:

支持不同浏览器的提示,还包括所有用户自定义的函数(项目中)

WebStorm的智能的代码补全
WebStorm的智能的代码补全

代码补全包含了所有流行的库,比如:JQuery, YUI, Dojo, Prototype, Mootools and Bindows。

2、webstorm代码格式化:

代码不仅可以格式化,而且所有规则都可以自己来定义:

webstorm代码格式化

3、代码编写中的html提示:

大家经常在js代码中编写html代码,一般来说十分痛苦,不过有了智能提示,就爽多了。

webstorm代码编写中的html提示

而且html里面还能有js提示

webstorm

4、代码导航和用法查询:

只需要按着Ctrl键点击函数或者变量等,就能直接跳转到定义:

可以全项目查找函数或者变量,还可以查找使用并高亮:

webstorm-前端Javascript开发神器

5、代码重构(这个操作有些像Resharper,熟悉Resharper的用户应该上手很快):

支持的有重命名、提取变量/函数、内联变量/函数、移动/复制、安全删除等等,比如:

webstorm-前端Javascript开发神器中文教程和技巧分享

内联变量重构之后变为:

webstorm-前端中文教程和技巧分享

6、代码检查和快速修复:

 

可以快速找到代码中的错误或者需要优化的地方,并给出修改意见,快速修复。

 

7、webstorm代码调试:

8、代码结构浏览:

可以快速浏览和定位

9、代码折叠:

10、包裹或者去掉外围代码:

去掉之后就成了:



二、webstorm常用快捷键

查找/代替

快捷键

说明

ctrl+shift+N通过文件名快速查找工程内的文件(必记)
ctrl+shift+alt+N通过一个字符快速查找位置(必记)
ctrl+F在文件内快速查找代码
F3查找下一个
shift+F3查找上一个
ctrl+R文件内代码替换
ctrl+shift+R指定目录内代码批量替换
ctrl+shift+F指定目录内代码批量查找
ctrl+R文件内代码替换

界面操作

快捷键

说明

ctrl+shift+A快速查找并使用编辑器所有功能(必记)
alt+[0-9]快速拆合功能界面模块
ctrl+shift+F12最大区域显示代码(会隐藏其他的功能界面模块)
alt+shift+F将当前文件加入收藏夹
ctrl+alt+s打开配置窗口
ctrl+tab切换代码选项卡(还要进行此选择,效率差些)
alt&#43;<-或->切换代码选项卡
ctrl&#43;shift&#43;N通过文件名快速查找工程内的文件&#xff08;必记&#xff09;
ctrl&#43;shift&#43;alt&#43;N通过一个字符快速查找位置&#xff08;必记&#xff09;
ctrl&#43;F在文件内快速查找代码
F3查找下一个
shift&#43;F3查找上一个
ctrl&#43;R文件内代码替换
ctrl&#43;shift&#43;R指定目录内代码批量替换
ctrl&#43;shift&#43;F指定目录内代码批量查找
ctrl&#43;R文件内代码替换

懒人建站http://www.51xuediannao.com/

快捷键

说明

ctrl&#43;shift&#43;A快速查找并使用编辑器所有功能&#xff08;必记&#xff09;
alt&#43;[0-9]快速拆合功能界面模块
ctrl&#43;shift&#43;F12最大区域显示代码&#xff08;会隐藏其他的功能界面模块&#xff09;
alt&#43;shift&#43;F将当前文件加入收藏夹
ctrl&#43;alt&#43;s打开配置窗口
ctrl&#43;tab切换代码选项卡&#xff08;还要进行此选择&#xff0c;效率差些&#xff09;
alt&#43;<-或->切换代码选项卡
ctrl&#43;F4关闭当前代码选项卡

代码编辑

快捷键

说明

ctrl&#43;D复制当前行
ctrl&#43;W选中单词
ctrl&#43;<-或->以单词作为边界跳光标位置
alt&#43;Insert新建一个文件或其他
ctrl&#43;alt&#43;L格式化代码
shift&#43;tab/tab减少/扩大缩进&#xff08;可以在代码中减少行缩进&#xff09;
ctrl&#43;Y删除一行
shift&#43;enter重新开始一行&#xff08;无论光标在哪个位置&#xff09;

导航

快捷键

说明

esc进入代码编辑区域
alt&#43;F1查找代码在其他界面模块的位置&#xff0c;颇为有用
ctrl&#43;G到指定行的代码
ctrl&#43;]/[光标到代码块的前面或后面
alt&#43;up/down上一个/下一个方法

建议配置版本控制快捷键

快捷键

说明

ctrl&#43;C提交代码
ctrl&#43;p向远程版本库推送更新
ctrl&#43;G到指定行的代码
ctrl&#43;]/[光标到代码块的前面或后面
alt&#43;up/down上一个/下一个方法


webstorm8.0.3中文汉化版下载&#xff1a;
百度网盘下载&#xff1a;http://pan.baidu.com/s/1pJI9PMV

转:https://www.cnblogs.com/ExMan/p/6269489.html



推荐阅读
  • 深入理解Cookie与Session会话管理
    本文详细介绍了如何通过HTTP响应和请求处理浏览器的Cookie信息,以及如何创建、设置和管理Cookie。同时探讨了会话跟踪技术中的Session机制,解释其原理及应用场景。 ... [详细]
  • 本文介绍了如何利用JavaScript或jQuery来判断网页中的文本框是否处于焦点状态,以及如何检测鼠标是否悬停在指定的HTML元素上。 ... [详细]
  • 深入理解Java中的volatile、内存屏障与CPU指令
    本文详细探讨了Java中volatile关键字的作用机制,以及其与内存屏障和CPU指令之间的关系。通过具体示例和专业解析,帮助读者更好地理解多线程编程中的同步问题。 ... [详细]
  • 本文介绍了如何使用JQuery实现省市二级联动和表单验证。首先,通过change事件监听用户选择的省份,并动态加载对应的城市列表。其次,详细讲解了使用Validation插件进行表单验证的方法,包括内置规则、自定义规则及实时验证功能。 ... [详细]
  • 本文详细探讨了HTTP 500内部服务器错误的成因、解决方案及其在Web开发中的影响。通过对具体案例的分析,帮助读者理解并解决此类问题。 ... [详细]
  • 本文详细分析了JSP(JavaServer Pages)技术的主要优点和缺点,帮助开发者更好地理解其适用场景及潜在挑战。JSP作为一种服务器端技术,广泛应用于Web开发中。 ... [详细]
  • 优化ListView性能
    本文深入探讨了如何通过多种技术手段优化ListView的性能,包括视图复用、ViewHolder模式、分批加载数据、图片优化及内存管理等。这些方法能够显著提升应用的响应速度和用户体验。 ... [详细]
  • 本文将介绍如何编写一些有趣的VBScript脚本,这些脚本可以在朋友之间进行无害的恶作剧。通过简单的代码示例,帮助您了解VBScript的基本语法和功能。 ... [详细]
  • 本文详细介绍了如何解决Uploadify插件在Internet Explorer(IE)9和10版本中遇到的点击失效及JQuery运行时错误问题。通过修改相关JavaScript代码,确保上传功能在不同浏览器环境中的一致性和稳定性。 ... [详细]
  • 本文总结了汇编语言中第五至第八章的关键知识点,涵盖间接寻址、指令格式、安全编程空间、逻辑运算指令及数据重复定义等内容。通过详细解析这些内容,帮助读者更好地理解和应用汇编语言的高级特性。 ... [详细]
  • 本文详细介绍了如何在Linux系统上安装和配置Smokeping,以实现对网络链路质量的实时监控。通过详细的步骤和必要的依赖包安装,确保用户能够顺利完成部署并优化其网络性能监控。 ... [详细]
  • 本文详细介绍了Java编程语言中的核心概念和常见面试问题,包括集合类、数据结构、线程处理、Java虚拟机(JVM)、HTTP协议以及Git操作等方面的内容。通过深入分析每个主题,帮助读者更好地理解Java的关键特性和最佳实践。 ... [详细]
  • 尽管某些细分市场如WAN优化表现不佳,但全球运营商路由器和交换机市场持续增长。根据最新研究,该市场预计在2023年达到202亿美元的规模。 ... [详细]
  • 360SRC安全应急响应:从漏洞提交到修复的全过程
    本文详细介绍了360SRC平台处理一起关键安全事件的过程,涵盖从漏洞提交、验证、排查到最终修复的各个环节。通过这一案例,展示了360在安全应急响应方面的专业能力和严谨态度。 ... [详细]
  • 本次考试于2016年10月25日上午7:50至11:15举行,主要涉及数学专题,特别是斐波那契数列的性质及其在编程中的应用。本文将详细解析考试中的题目,并提供解题思路和代码实现。 ... [详细]
author-avatar
小佛瞌睡蓝
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有