webstorm的中文教程和技巧分享

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

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

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

一、webstorm的功能

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

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

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

2、webstorm代码格式化:

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

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

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

而且html里面还能有js提示

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

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

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

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

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

内联变量重构之后变为:

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+<-或-> 切换代码选项卡
ctrl+shift+N 通过文件名快速查找工程内的文件(必记)
ctrl+shift+alt+N 通过一个字符快速查找位置(必记)
ctrl+F 在文件内快速查找代码
F3 查找下一个
shift+F3 查找上一个
ctrl+R 文件内代码替换
ctrl+shift+R 指定目录内代码批量替换
ctrl+shift+F 指定目录内代码批量查找
ctrl+R 文件内代码替换

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


快捷键


说明

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

代码编辑


快捷键


说明

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

导航


快捷键


说明

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

建议配置版本控制快捷键


快捷键


说明

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

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

时间: 2024-10-13 01:52:55

webstorm的中文教程和技巧分享的相关文章

WebStorm常用功能的使用技巧分享

WebStorm 是 JetBrain 公司开发的一款 JavaScript IDE,使用非常方便,可以使编写代码过程更加流畅. 本文在这里分享一些常用功能的使用技巧,希望能帮助大家更好的使用这款强大的 JavaScript 开发工具. 代码编辑 代码跳转: Ctrl + 左键 或者 Ctrl + B,可以跳转到函数或者变量的声明位置 调用位置: Alt + F7,查找调用者 自动补全: 最好是修改一下响应时间,Settings->Editors->General->Code Compl

WebStorm 常用功能的使用技巧分享

WebStorm 是 JetBrain 公司开发的一款 JavaScript IDE,使用非常方便,可以使编写代码过程更加流畅. 本文在这里分享一些常用功能的使用技巧,希望能帮助大家更好的使用这款强大的 JavaScript 开发工具. 代码编辑 代码跳转: Ctrl + 左键 或者 Ctrl + B,可以跳转到函数或者变量的声明位置 调用位置: Alt + F7,查找调用者 自动补全: 最好是修改一下响应时间,Settings->Editors->General->Code Compl

MyEclipse中文教程与使用技巧倾情分享

MyEclipse是基于Eclipse平台的智能IDE,作为最实惠.综合全面的J2EE IDE与Web开发工具套件,MyEclipse一直受到Java开发者的青睐. MyEclipse 既然是IDE工具,那么就有自己独特的使用方法,现在小编就和大家分享下MyEclipse汉化操作.中文教程及部分使用技巧.在分享这些资源的时候,小 编不得不叮嘱两句:MyEclipse目前正在做年终促销活动,全部版本7折优惠,更有微信中奖5折购买.好了,下面便是资源列表 MyEclipse的安装和汉化步骤 本文主要

用户界面设计经验分享:界面设计技巧分享

如此有用的文章我已记不得是什么时候发现的了,但在看完的那一刻便想将之翻译,分享给大家自己也受用. 时间过了很久,来到了2014年,终于静下心来花了大把时间连同图片一起译成了中文.像我这样业余的翻译六级分数只够及格的程序员,不敢说做到信雅达,但求意思到位. 1 尽量使用单列而不是多列布局 单列布局能够让对全局有更好的掌控.同时用户也可以一目了然内容.而多列而已则会有分散用户注意力的风险使你的主旨无法很好表达.最好的做法是用一个有逻辑的叙述来引导用户并且在文末给出你的操作按钮. 2 放出礼品往往更具

director.js:客户端的路由---简明中文教程

1.引子 最近学用director.js,那是相当的简单易学易使用.不过开始学的时候,搜搜过后,却没有发现相关的中文教程.于是决定硬啃E文,翻译备用的同时也当是给自己上课并加深对它的理解. director.js 的官方地址请点击 这里 查看,本教程内容也主要来自于这里. 2.director.js是什么 director.js 按照我的理解就是客户端的路由注册/解析器,它在不刷新页面的情况下,利用“#”符号组织不同的URL路径,并根据不同的URL路径来匹配不同的回调方法.通俗点说就是什么样的路

Sublime Text最好的中文教程

原文链接:http://lucida.me/blog/sublime-text-complete-guide/ 摘要(Abstract) 本文系统全面的介绍了Sublime Text,旨在成为最优秀的Sublime Text中文教程. 更新记录 2014/09/27:完成初稿 2014/09/28: 更正打开控制台的快捷键为Ctrl + ` 更正全局替换的快捷键为Ctrl + Alt + Enter 前言(Prologue) Sublime Text是一款跨平台代码编辑器(Code Editor

Animate cc 2019英文版如何汉化成中文 animate cc中文教程

安装Adobe Animate CC 2019 for Mac之前先卸载an的老版本,否则是无法运行的,今天有用户给下边反应说是英文版的看着费劲,哪里有An中文版,小编下面就将Animate cc 2019英文版如何汉化成中文的方法分享给需要的用户: animate cc中文教程 macdow分享Adobe Animate CC 2019 for Mac 中文激活版超好用,点击这里进行安装,安装分三步,先安装 Adobe Animate CC 2019安装包.dmg,再安装an cc 2019破

新手写作博客文章内容技巧分享

现在是一个凡是讲究快的时代,一般用户在网上浏览文文章时,基本不会在网页上停留很长时间,很多都是只会浮光掠影的扫视内容,都是通过在页面上扫视来获取信息,找寻关键字.短语和视觉线索,所以新手在博客文章内容在写作时就要注意一些细节. 新手写作博客文章内容技巧分享 自媒体 思考 经验心得 第1张 总结了一下几个方面: 一.文章排版 列表-文章在排版时使用列表,可以给人简洁有序的感觉,带有符合和编号的给人的感觉更清晰 加粗-文章段落中可以使用粗体和其他格式来强调重点,不过要注意次数,不要走极端,全部加 粗

iOS App上架发布到app store市场最新中文教程

iOS -App发布Appstore最新中文教程 这个教程教你怎么把开发好的ios应用上架到appstore市场,一步一步带截图,包括最新的appstore后台系统itunesconnect使用,证书创建和管理,应用id创建和管理,上传ipa等都将一步一步详细介绍. 下面从七个步骤进行详细介绍! 1.创建唯一标示符App IDs 2.申请发布证书 3.申请发布描述文件 4.到iTunes Connect创建App并填写信息 5.Windows下选择证书编译打包 6.Windows下上传IPA到A