品牌红酒的网站建设,南通模板建站定制,让wordpress的页面有具体的地址,万物识别扫一扫WebStorm 是 JetBrains 推出的一款商业的 JavaScript 开发工具任何一个编辑器都需要保存(ctrl s)#xff0c;这是所有win平台上编辑类软件的特点#xff0c;但是webstorm编辑文件右上角是没有那个熟悉的 * 的。好处#xff1a;省去了ctrl s之后#xff0c;在结合Firefox的… WebStorm 是 JetBrains 推出的一款商业的 JavaScript 开发工具任何一个编辑器都需要保存(ctrl s)这是所有win平台上编辑类软件的特点但是webstorm编辑文件右上角是没有那个熟悉的 * 的。好处省去了ctrl s之后在结合Firefox的vim基本不动鼠标就可以看到结果页面了。 坏处没有以前的 * 标识万一键盘误操作也会被立即存储。任何一个编辑器只要文件关闭了就没有历史记录了但是webstorm有。 vcs-Local History - Show History快捷键ALT~ -〉7好处只要webstorm不关闭你的文件随时可以返回到之前的操作这也是为啥在 webstorm 里ctrly是删除一行的原因了。坏处webstorm关闭重启后这些历史记录就没有了还有一个坏处就是由此带来的内存消耗也必然比较大。任何一个编辑器除了服务器svn之外没有本地版本但是webstorm提供一个本地文件修改历史记录快捷键ALTSHIFTcMac中 ALTOptionc。也可以 Ctrl E 弹出最近打开的文件。好处相当于本地svn。 坏处内存消耗也必然比较大。集成了zencodingHTML5ftp即时编辑chrome,自动完成,基于Mozilla的JavaScript调试器JSLint、Less支持、CoffeeScript支持、Node.js、单元测试、集成Git和svn版本控制等特性。在编写CSS中会智能的提示各种文件以及图片的路径就不用再去确认这个文件是否存在了。其他的特性就介绍了想了解更多可以去webstrom官网继续寻找。看完了这么介绍以及那么多给力的特性是不是有种冲动马上试一试这款传说中的前端神器啊嗯。首先在官方下载页下载webstrom后点击安装然后一直下一步最后会出现需要注册码界面因为webstrom是商业的IDE而天朝的屌丝前端当然没那么钱去买那么昂贵的神器了不用担心我们可以用WebStorm的密钥来学习使用这款前端神器。嘿嘿~~~~安装成功后肯定会有些不适就像我一样觉得这配色真的太戳了。还有一些设置也不是我也要的。那么以下我就列出我习惯的设置。webstorm设置技巧如何更改主题字体配色:File - settings - Editor - colorsfonts - scheme name.主题下载地址如何让webstorm启动的时候不打开工程文件File - Settings-General去掉Reopen last project on startup.如何完美显示中文File - Settings-Appearance中勾选Override default fonts by (not recommended)设置Name:NSimSunSize:12如何显示行号File - Settings-Editor”Show line numbers”打上勾就显示行号了如何代码自动换行File - settings - Editor “Use Soft Wraps in editor” 打上钩代码就自动换行了如何点击光标显示在本行末尾File - Settings-Editor “Allow placement of caret after end of line”去掉勾就行了。如何修改快键键File - Settings-Keymap然后双击要修改快捷的功能会有提示框出来按提示操作换成自己熟悉编辑器的快键键File -Settings-Keymap支持像Visual Studio、Eclipse、NetBeans这样的主流IDE。javascript类库提示。 File - settings - Javascript - Libraries - 然后在列表里选择自己经常用到的javascript类库最后Download and Install就ok了.在开发js时发现需要ctrl return 才能选候选项 File - Setting - Editor - Code Completion - Preselect the first suggestion: “Smart” 改为 “Always”js提示比较迟缓File - Code Completion - Autopopup in 下 1000改为0git配置File - settings - Editor - github进去改github的账户如果没有git则不需要.插件安装File -plugins然后就选择给力的插件们再安装.(“css-X-fire”插件,用于当使用firebug修改css属性时编辑器内的css代码也会发生变化。以后更新webstorm使用心得收藏夹功能:当工程目录很庞大时有些子目录很经常打开但层级又很深这时候可以把目录添加到收藏夹里面添加成功后左侧有个“Favorites”菜单面包屑导航除了左侧的工程页面可以选择目录之外在顶部菜单下有一个类似网站面包屑导航一样的目录也可以实现相同功。点击每个目录就会有下拉菜单显示其下的子目录很实用.构造器界面:注释符合格式的话就会出现。如果是js文件则是js类的函数和对象css文件的话则是这个css文件的概括html文件的话则是节点的结构图。话说这几个就是为了方便查看代码的结构性.todo界面给代码加todo注释就会出现这个界面双栏代码界面右击代码选项卡上的文件然后右键 - spilt vertically(左右两屏)或者spilt horizontally(上下两屏)本地历史功能:找回代码的好办法WebStorm集成git使用webstorm中只集成了git的常用操作并不能完全替代命令行工具。在界面的右下角可以查看处于哪个git分支。也可以在上面点击切换或者新建分支。查看当前代码与版本库代码的差异:右击代码界面任意区域选择git - compare with然后选择要比较的版本库。webstorm快捷键说明Editing编辑相关快捷键Ctrl SpaceBasic code completion (the name of any class, method or variable) 基本代码完成任何类、函数或者变量名称改为AltSCtrl Shift EnterComplete statement 补全当前语句Ctrl PParameter info (within method call arguments) 参数信息 包括方法调用参数Ctrl mouse over codeBrief Info 简单信息Ctrl F1Show description of error or warning at caret 显示光标所在位置的错误信息或者警告信息Alt InsertGenerate code…Getters, Setters, Constructors新建一个文件或者生成代码…构造函数可以创建类里面任何字段的getter与setter方法Ctrl OOverride methods 重载方法Ctrl IImplement methods 实现方法Ctrl Alt TSurround with…if, else, try, catch, for, etc用 * 来围绕选中的代码行 * 包括 if 、 while 、 try catch 等Ctrl /Comment/uncomment with line comment 行注释/取消行注释Ctrl Shift /Comment/uncomment with block comment 块注释/取消块注释Ctrl WSelect successively increasing code blocks 选择代码块一般是增量选择Ctrl Shift WDecrease current selection to previous state 上个快捷键的回退减量选择代码Alt QContext info 上下文信息Alt EnterShow intention actions and quick-fixes 意图行动快速见效Ctrl Alt LReformat code 根据模板格式对代码格式化Tab/ Shift TabIndent/unindent selected lines 对所选行进行缩排处理/撤销缩排处理Ctrl X or Shift DeleteCut current line or selected block to clipboard 剪切当前行或所选代码块到剪切板Ctrl C or Ctrl InsertCopy current line or selected block to chipboard 拷贝当前行或者所选代码块到剪切板Ctrl V or Shift InsertPaste from clipboard 粘贴剪切板上的内容Ctrl Shift VPaste from recent buffers 粘贴缓冲器中最新的内容Ctrl DDuplicate current line or selected block 复制当前行或者所选代码块Ctrl YDelete line at caret 删除光标所在位置行Ctrl Shift JSmart line joinHTML and JavaScript only加入智能行 HTML 和JavaScriptCtrl EnterSmart line splitHTML and JavaScript only分离智能行 HTML 和JavaScriptShift EnterStart new line 另起一行Ctrl Shift UToggle case for word at caret or selected block 光标所在位置大小写转换Ctrl Shift ]/[Select till code block end/start 选择直到代码块结束/开始Ctrl DeleteDelete to word end 删除文字结束Ctrl BackspaceDelete to word start 删除文字开始Ctrl NumPad/-Expand/collapse code block 扩展/缩减代码块Ctrl Shift NumPadExpand all 扩张所有Ctrl Shift NumPad-Collapse 缩减所有Ctrl F4Close active editor tab 关闭活跃编辑标签Search/replace搜索/替代相关快捷键Ctrl F Find 当前文件内快速查找代码Ctrl Shift F Find in path 指定文件内寻找路径F3 Find next 查找下一个Shift F3 Find previous 查找上一个Ctrl R Replace 当前文件内代码替代Ctrl Shift R Replace in path 指定文件内代码批量替代Usage Search搜索相关快捷键Alt F7/Ctrl F7 Find usages/Find usages in file 找到使用/在文件找到使用Ctrl Shift F7 Highlight usages in file文件中精彩使用Ctrl Alt F7 Show usages 显示使用Running运行Alt Shift F10 Select configuration and run 选择构架运行Alt Shift F9 Select configuration and debug 选择构架修补漏洞Shift F10 Run 运行Shift F9 Debug 修补漏洞Ctrl Shift F10 Run context configuration from editor 从编辑运行内容构架Ctrl Shift X Run command line 运行命令行Debugging Debugging相关快捷键F8 Step over 不进入函数F7 Step into 单步执行Shift F7 Smart step into 智能单步执行Shift F8 Step out 跳出Alt F9 Run to cursor 运行到光标处Alt F8 Evaluate expression 评估表达F9 Resume program 重新开始程序Ctrl F8 Toggle breakpoint 切换断点Ctrl Shift F8 View breakpoints 查看断点Navigation 定位相关快捷键Ctrl N Go to class跳转到指定类Ctrl Shift N Go to file 通过文件名快速查找工程内的文件Ctrl Alt Shift N Go to symbol 通过一个字符查找函数位置Alt Right/ left Go to next/ previous editor tab 进入下一个/ 上一个编辑器选项F12 Go back to previous tool window 进入上一个工具窗口Esc Go to editorfrom tool window 从工具窗口进入编辑器Shift Esc Hide active or last active window 隐藏活动窗口Ctrl Shift F4 Close active run/message/find/…tab 关闭活动….标签Ctrl G Go to line 跳转到第几行Ctrl E Recent files popup 弹出最近打开的文件Ctrl Alt Left/Right Navigate back/forward 导航前进/后退Ctrl Shift Backspace Navigate to last edit location 向最近编辑定位导航Alt F1 Select current file or symbol in any view 查找当前选中的代码或文件在其他界面模块的位置Ctrl B or Ctrl Click Go to declaration跳转到定义处Ctrl Alt B Go to implementation(s) 跳转方法实现处Ctrl Shift B Go to type declaration 跳转方法定义处Ctrl Shift I Open quick definition lookup 打开定义快速查找Ctrl U Go to super-method/super-class 跳转方法/超阶级Alt Up/Down Go to previous/next method 在方法间快速移动定位Ctrl ]/[ Move to code block end/start 跳转到编码块结束/开始Ctrl F12 File structure popup 文件结构弹出Ctrl H Type hierarchy 类型层次Ctrl Alt H Call hierarchy 调用层次结构F2/ Shift F2 Next/previous highlighted error 跳转到后一个/前一个错误高亮错误或警告快速定位使用这个快捷键可以快捷在出错的语句之间进行跳转。F4/Ctrl Enter Edit source/ View source 编辑源代码/查看源代码Alt Home Show navigation bar 显示导航栏F11 Toggle bookmark 切换标记Ctrl F11 Toggle bookmark with mnemonic 采用记忆切换标记Ctrl #[0-9] Go to numbered bookmark 跳转到带编号的标记Shift F11 Show bookmark 显示标记Refactoring 重构相关快捷键F5Copy 拷贝F6 Move 移动Alt Delete Safe Delete 安全删除Shift F6 Rename 重新命名Ctrl Alt N Inline Variable 嵌入变量Ctrl Alt M Extract Method( Javascript only) 提取函数Ctrl Alt V Introduce Variable 引入变量Ctrl Alt F Introduce Field 引入域Ctrl Alt C Introduce Constant 引入常量VCS/Local History 版本控制系统/ 本地历史相关快捷键Alt BackQuote( ) ‘VCS’quick popup 快速弹出 VCSCtrl K Commit project to VCS 提交项目至VCSCtrl T Update project from VCS 从VCS 更新项目Alt Shift C View recent changes 查看最新改变General 常用的相关快捷键Ctrl Shift A Find action 查找并调用编辑器的功能Alt #[0-9] Open corresponding tool window 快速切换打开界面模块Ctrl Alt F11 Toggle full screen mode 切换全屏模式Ctrl Shift F12 Toggle maximizing editor 切换最大化编辑器Alt Shift F Add to Favorites 将当前文件添至收藏夹Alt Shift I Inspect current file with current profile 使用当前属性检查当前文件Ctrl BackQuote( ) Quick switch current scheme 快速转换现有组合Ctrl Alt S Open setting dialog 打开设置对话框Ctrl Tab Switch between tabs and tool window 标签和工具窗的转换与windows快捷键冲突转载于:https://www.cnblogs.com/wangbobobobo/p/9757441.html
