WebStorm功能特点以及使用指南
WebStorm功能特点以及使用指南
首先看看WebStorm合其他的IDE有什么特别之处。
1) 自动保存,不需要你一次又一次地ctrl+s啦,所有的操作都直接存储,当然,万一键盘误操作也会被立即存储,不过我们可以通过本地版本控制解决这个问题。
2) 任何一个编辑器只要文件关闭了就没有历史记录了,但是webstorm有。就是说,只要webstorm不关闭,你的文件随时可以返回到之前的操作,webstorm关闭重启后这些历史记录就没有了。这样的坏处也是显然的,由此带来的内存消耗也必然比较大。
3) 任何一个编辑器,除了服务器svn之外,没有本地版本,但是webstorm提供一个本地文件修改历史记录。
4) 与时俱进的眼光。zencoding于2009年出现于it界,在这之后,鲜有工具直接集成到里边。webstorm 2.0之后就集成了。node.js,html5,git,cvs等 就不一一列举了。
5)提供的插件也是比较齐全,安装非常方便。这样带来了另外的问题,以前的eclipse是安装第三方的,webstorm貌似不能安装第三方的插件。
6) 可以导出当前设置:File -> Export setting。
接下来是配置和使用:
1) 主题,把下载好的主题包放在C:\Users\jikey(用户名)\.WebIde10\config\colors目录下,然后重启webstorm,settings –> colors & fonts –>scheme name中选择主题名。
如果出现特别长代码对齐白线,在Editor –> Appearance –> Show vertical indent guides 前面的勾去掉即可。
2) 添加VIM插件:
File -> Settings -> Plugins -> Browse repositories -> 搜索vim,对它单击右键Download and install,然后重启IDE就可以了。
3) 除了webstorm之外,此公司还提供另外一个针对phper的开发工具,phpStorm,主页上说明,phpstorm包括所有webstorm的功能。但是习惯于大括号去方法名在同一行显示,所以还得配置:
File -> Settings -> code style -> PHP -> Wrapping and Braces -> Braces placement ->
In method declaration : End of line.
4) zencoding默认的快捷键是Tab,如果你需要修改zencoding快捷键的话:File -> Setting -> Live Templates 。
5) 在开发js时发现,需要ctrl + return 才能选提示候选项,又需要配置:File -> Setting -> Editor -> Code Completion -> Preselect the first suggestion:’Smart’ 改为 Always
6) 注意的地方是:Webstorm的调试不支持中文路径中文文件名。
下面是Webstorm的一些常用快捷键:
1. ctrl + shift + n: 打开工程中的文件,目的是打开当前工程下任意目录的文件。
2. ctrl + j: 输出模板
3. ctrl + b: 跳到变量申明处
4. ctrl + alt + T: 围绕包裹代码(包括zencoding的Wrap with Abbreviation)
5. ctrl + []: 匹配 {}[]
6. ctrl + F12: 可以显示当前文件的结构
7. ctrl + x: 剪切(删除)行,不选中,直接剪切整个行,如果选中部分内容则剪切选中的内容
8. alt + left/right:标签切换
9. ctrl + r: 替换
10. ctrl + shift + up: 行移动
11. shift + alt + up: 块移动(if(){},while(){}语句块的移动)
12. ctrl + d: 行复制
13. ctrl + shift + ]/[: 选中块代码
14. ctrl + / : 单行注释
15. ctrl + shift + / : 块注释
16. ctrl + shift + i : 显示当前CSS选择器或者JS函数的详细信息
17. ctrl + '-/+': 可以折叠项目中的任何代码块,它不是选中折叠,而是自动识别折叠。
18. ctrl + '.': 折叠选中的代码的代码。
19. shift + esc: 当前激活的任意小窗口最小化,也可以是alt+数字键,数字在小窗口有显示。
20. alt + '7': 显示当前的函数结构。
21. 如果是*.html页面,则在文件名下的导航栏某DOM结构上右键,可以全选当前DOM结构。
WebStorm功能特点以及使用指南相关推荐
- 适用于Webstorm的25个最佳Javascript插件
自从Web上JavaScript主要用于使Netscape浏览器咳嗽的弹出窗口和动画以来,已经过去了很长时间. 如今,JavaScript是开发网站和基于Web的应用程序时最流行的语言,它将在2020 ...
- 看云电子书归档 2016.4
(译) JSON-RPC 2.0 规范(中文版) Gitee 下载 Github 下载 SourceForge 下载 00后:移动互联网崛起新势力 Gitee 下载 Github 下载 SourceF ...
- Webstorm常用快捷键备忘(Webstorm入门指南)
WebStorm 是jetbrains公司旗下一款JavaScript 开发工具.被广大中国JS开发者誉为"Web前端开发神器"."最强大的HTML5编辑器". ...
- webstorm jquery语法提示_WebStorm快速入门指南,开发者必备!
第一节.Web前端现状 1.1市场缺口 前端程序员缺口非常大,因为它正式成为一个岗位才几年,国内最早出现前端招聘岗位在2012年左右,在此之前,前端工作基本上都是由服务端工程师包办的,或者是由设计师来 ...
- WebStorm 安装配置指南
WebStorm 是一个适用于 JavaScript 和相关技术的集成开发环境.最智能的 JavaScript IDE. 以 WebStorm 2019.1.4 为例,官网下载安装包,按提示安装即可. ...
- gridcontrol值为0时设置为空_XASSET 4.0入门指南
XASSET 5.1已经发布 XASSET 5.1为Unity项目提供了可以快速投入到生产环境中使用的具有更智能和灵活的资源分包.热更新机制和稳健高效的资源加载和内存管理的资源管理方案.它不仅可以服务 ...
- css 样式三元运算_CSS扩展语言——Sass入门指南
一.Sass概况 今天来聊聊sass吧,之前用了很久的less,刚开始接触的时候感觉这东西就是个神器. 写CSS时间长了自然就能发现CSS在书写的时候的不足之处,不能嵌套,没有变量,更加不能像js那样 ...
- webstorm使用前的准备——Node.js安装及配置
1.下载Node.js(自带npm) 打开官网下载链接:https://nodejs.org/en/download/ 避坑指南: 这里一定要注意不要点击current去找那个最新版本,不然在后面配置 ...
- React+Webpack快速上手指南
2019独角兽企业重金招聘Python工程师标准>>> 前言 这篇文章不是有关React和Webpack的教程,只是一篇能够让你快速上手使用目前这两种热门技术的前端指南,并假设你对两 ...
- Web前端开发面试考点指南
Web 前端面试指南与高频考题解析指南 第一章 面试准备:简历编写和面试前准备 一般来说,跳槽找工作要经历投递简历.准备面试.面试和谈 offer 四个阶段.其中面试题目会因你的等级和职位而异,从入门 ...
最新文章
- 叫你一声“孙悟空”,敢答应么?
- 你拖后腿了吗?工信部发布前 11 月软件行业经济报告
- php写邮件空格_PHP 邮件漏洞小结
- xpath的数据和节点类型以及XPath中节点匹配的基本方法
- python socket多线程并发_【Python之旅】第五篇(三):Python Socket多线程并发
- linux 在文件中增加空行,linux – 在不同组的行之间添加空行
- 中台架构与实现:基于ddd和微服务 下载_为什么在做微服务设计的时候需要DDD?...
- 深入解析AsyncTask
- 解决ifconfig没有网卡问题
- 客户端触发PostBack回发的两种写法
- Halo2 Map Editor Error
- RS-485 接口 EMC 电路设计
- figma学习记录 快捷键 工具了解(1)
- 《非暴力沟通》学习笔记
- ubuntu linux拼音输入法,Ubuntu 中文拼音输入法小结
- 计算机学院肖鹏,肖鹏-重庆大学物理学院
- 【C数据类型】基本数据类型
- python关键字输出
- 使用appendChild和insertBefore
- 我对阿凡达与现实社会的理解