WebStorm使用指南(一)

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源,继承了IntelliJ IDEA强大的JS部分的功能。


安装要点

  1. 前面的安装过程过于简单。略
  2. 安装完后运行它会显示如下界面,选择第二个选项

3.在打开的License Activation窗口中选择“activation code”,在输入框输入注册码,可以淘宝上买也可以网上找
例如:(亲测可用)
WebStorm2016激活码 - 博客频道 - CSDN.NET
http://blog.csdn.net/wangchunlei123/article/details/51939350

4.这是webstorm初始配置
第一个是是快捷键的设置,习惯用哪个编译器的快捷键就选哪个
第二个是界面主题的设置, Darcula主题是纯黑
之后可在File-> Settings里设置


webstorm支持的类型项目

  • Empty Project:一个空的项目
  • HTML5 Boilerplate:-HTML5开发框架
  • Web Starter Kit:这是 Google的一个开源项目,它里面提供了一些工具,比如BrowserSync,实时的预览项目的变化,在不同浏览器上同步页面的行为。
  • React App:基于React.js用来开发iOS和Android原生App。
  • Twitter Bootstrap:Bootstrap是Twitter推出的一个用于前端开发的开源工具包。
  • Foundation:是一个易用、强大而且灵活的响应式前端框架,用于构建基于任何设备上的响应式网站、Web应用和电子邮件。结构语义化、移动设备优先、完全可定制。
  • Angular JS:有着诸多特性,最为核心的是:MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入,等等。
  • Angular CLI: 帮助开发者快速创建Angular 2项目和组件
  • React Native:可以基于目前大热的开源JavaScript库React.js来开发iOS和Android原生App。
  • Node.js Express App:Express 是一个简洁而灵活的 node.js Web应用框架,提供了一系列强大特性帮助你创建各种 Web 应用,和丰富的 HTTP 工具。使用 Express 可以快速地搭建一个完整功能的网站
  • PhoneGap/Cordova App :PhoneGap/Cordova提供了一组设备相关的API,通过这组API,移动应用能够以JavaScript访问原生的设备功能,如摄像头、麦克风等。
  • Yeoman:是Google的团队和外部贡献者团队合作开发的,他的目标是通过Grunt(一个用于开发任务自动化的命令行工具)和Bower(一个HTML、CSS、Javascript和图片等前端资源的包管理器)的包装为开发者创建一个易用的工作流。
  • Meteor App:Meteor是跨时代的全栈Web开发框架,Github stars数已超越Ruby on Rails。使用它能够迅速地开发实时的(Real-Time)和响应式的(Reactive)应用,并且可以在一套代码中支持Web,iOS,Android,Desktop多端。Meteor能够轻松的和其他框架和应用结合,如ReactJS,AngularJS,MySQL,Cordova等。
  • Dart :Dart是一种基于类的可选类型化编程语言,设计用于创建Web应 用程序。

默认的快捷键

  1. ctrl + shift + n: 打开工程中的文件
  2. ctrl + j: 输出模板
  3. ctrl + b: 跳到变量申明处
  4. ctrl + alt + T: 围绕包裹代码(包括zencoding的Wrap with Abbreviation), ctrl + shift + del: 删除包裹
  5. ctrl + []: 匹配 {}[]
  6. ctrl + F12: 可以显示当前文件的结构,快速跳转到目标函数
  7. ctrl + x: 剪切行
  8. alt + left/right:标签切换
  9. ctrl + r: 替换 ctrl + shift + r: 全局替换
  10. ctrl + shift + up: 行移动
  11. shift + alt + up: 块移动
  12. ctrl + d: 行复制
  13. ctrl + shift + ]/[: 选中块代码
  14. ctrl + / : 单行注释
  15. ctrl + shift + / : 块注释
  16. ctrl + shift + i : 显示当前class,function的详细信息
  17. ctrl + p: 显示默认参数
  18. ctrl + shift + v: 可以复制多个文本
  19. shift + enter: 智能跳到下一行
  20. ctrl + k: svn 提交
  21. ctrl + shift + u: 大小写
  22. ctrl + ~ : 切换主题
  23. ctrl + F11: 添加标签 ctrl + shift + 大键盘数字键
  24. ctrl + alt + F12: file path
  25. ctrl + alt + a: search keymap
  26. shift + F6: 重构标签名

参考文章:
WebStorm安装与使用 - fendo - 博客频道 - CSDN.NET
http://blog.csdn.net/u011781521/article/details/53558979

  • 5
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值