WebStorm

WebStorm是个非常不错的web IDE。直接去官方下载最新版本。

0. 制作Portable WebStorm

参考这篇问答进行的:

修改bin/idea.properties文件,uncomment下面两个配置并设置为:

idea.config.path=../config
idea.plugins.path=../user-plugins

1. 常用配置

代码提示快捷键修改为Tab键

打开Settings - keymap,搜索Completion,修改Basic的快捷键为Tab(原来是Ctrl+空格)。添加确定时,移除掉Tab原来绑定的其它操作。

修改字体和大小

打开Settings - Editor - Font,修改字体为Consolas,大小为16.

编辑器一行换行显示

搜索settings中的Word Wrap关键字,在Editor - General栏里面勾选上Use soft wraps in editor

不检查preview端口的校验

搜索Settings中的Built-in server port,勾上Allow unsigned requestsCan accept external connections(把port调小些)。

按保存快捷键后,不清除当前行的空格

在Settings的Editor-General里面,Other-Strip trailing spaces on save,值修改为None。

新增QQ浏览器并设置为默认

在Settings中搜索Browser,在Tools - Web Browsers中增加一个浏览器,并排序到最前。下面的默认浏览器选择排序最前的浏览器。

2. webstorm插件

在Settings - Plugins里面可以安装插件。需要额外安装的插件:

Markdown

还有一个Chrome的查看可以配置webstorm debug:JetBrains IDE Support。

3. 其它操作

跑npm package.json项目(包括vue webpack)

主界面右上角,点击Edit Configurations,新增一个npm,选择package.json的位置,输入要执行的命令,保存。

然后就可以点击右上角的启动按钮跑npm项目了。

WebStorm 打开多个位置(项目)的方法

File -> settings -> Directories -> Add Content Root 中添加你当前的工程目录。

但是这样的目录,Git和web预览的功能是有问题的。推荐还是使用Open In New Window的方式来打开多个项目。WebStorm使用同一份程序内存,并不会占用过多的内存。

4. 常用快捷键

5. 注册码

破解版详见:lanyu,也可以在某宝上5块钱购买一个。

6. 常见问题

  1. git Push failed: Failed with error: ssh variant ‘simple’ does not support setting port
    解决方法 Changing IntelliJ configuration to use “SSH Executable -> Native” fixed this issue.

  2. Version 2018.1 的markdown编辑器有些问题,导致tab有时候反应僵死,先换回Version 2017.3

文档更新时间: 2019-01-29 14:29   作者:nick