问心

个人站

欢迎来到我的个人站~


Webstorm的安装

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具

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

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

一、下载安装包

可以直接去webstorm官网下载官方的安装包

二、安装过程

双击下一步下一步即可,过程中有几个步骤说明一下:

1. 配置 Webstorm 安装项

选择 64 位,防止桌面 Webstorm 快捷方式打不开。 配置 Webstorm 安装项

2. 是否导入 Webstorm 配置信息

这里的意思是之前使用过 Webstorm ,并且配置过,Webstorm 配置信息可以起到优化性能的作用,因为它本身是个比较吃内存的东西,文件多了容易卡顿,可以通过在配置文件中得到优化,后面单独介绍优化。

注意:Webstorm 安装完成后配置信息位置:C:\Users\Administrator\.WebStorm2018.1.5。

是否导入 Webstorm 配置信息

3. 激活 Webstorm

免费版的试用期是 30 天,30 天之后各种让人不舒服,比如不能保存,每隔30分钟自动关闭程序等等,所以在开始的时候还是激活成功使用永久版本的比较好。

要填的内容:http://im.js.cn:8888,复制进去即可。(这个内容在网上有很多,百度一下就能找到好多) 激活 Webstorm

4. 设置 Webstorm 工具的主题和风格

这里暂时写保持默认设置,后面会单独介绍如何折腾一个独一无二的属于个人审美的 Webstorm 工具。

三、使用心得

1. 快捷键 —— 最常用的快捷键最佳应在 10 个以内

  • Ctrl + Shift + R —— 快速定位到文件并跳转

  • Ctrl + Shift + F —— 全局搜索文件内某个字符串 (Webstorm 默认快捷键,eclipse 中是 Ctrl + H)

  • Ctrl + Shift + U —— 大小写切换

  • Ctrl + E —— 打开最近操作过的文件

  • Ctrl + Alt + L —— 格式化代码(与 QQ 快捷键冲突,自定修改 QQ 快捷键)

  • Ctrl + Y —— 删除光标所在行

  • Ctrl + Alt + S —— 打开设置窗口

2. 设置开发工具主题/风格

File -> settings -> Editor -> colors&fonts -> scheme name.

跟人觉得 Default Darcula 这两款主题还可以,如果内置主题都不喜欢,可以去 主题下载地址 寻找你中意的主题。