前端入门选择编辑器

Posted 2020-09-22

什么是编辑器?

在我接触前端开发的这段时间,编辑器对我来说就是写代码的一个工具,简称--IDE.每一款编辑器的用法大致都一样,如果你会使用其中一个,那么其他的你都会了.(不要去看官方的解释,呵呵...).

在我学习前端开发对的这段时间所接触的编辑器中,个人认为webStorm和Sublime这两款还不错.

我们先说一下WebStorm

WebStorm=phpStorm-PHP-Database-support

总体印象只专注Web前端开发

优点:

1:代码导航:Shift+Shift快速查文件和代码,Ctrl+B跳转.

2:Shift+Ctrl+A快速调用编辑器提供的各种功能.

3:CodeGlance插件在代码右侧提供了minimap.

4:Ctrl+Q快速查看当前代码的文档,并且还可以查看外部的联机文档.

5:自带git集成,文件在folder和tab上用不同的颜色标示不同的版本状态,并且修改的代码在左右侧有颜色提示.不过Folder里的目录没有版本状态标示.

6:强大的插件管理功能.打开不支持的文件格式时,会提示下载相关插件.

7:CSS文件左侧显示所见即所得的颜色.

必要的插件:

ideaVim:提供Vim编辑模式.

CodeGlance:代码右侧的minimap.

Apache config(.htaccess) support:Apache配置文件格式支持.

缺陷:不支持PHP是硬伤.启动速度慢.不支持Twig.

Sublime:

 总体印象：启动速度超快，不过安装插件会难倒一大片人。

选用理由：
1：代码导航：Ctrl+P调出Goto Anything快速查找文件和代码。F12跳转，遗憾的是跳转后不能像Vim那样返回。
2：Shift+Ctrl+P调出Command Palette快速调用功能。
3：编辑器右侧有整个文件的mini-map，方便快速定位代码位置，不过这个mini-map比Atom的minimap要差些。
4：SublimeLinter插件提供编辑时的语法检查，无须保存文件后才能检查。不过需要为每种语言都安装语法检查插件，为啥不能像Vim那样只安装一个插件就支持所有语言？
5：Vintageous插件提供了较为完整的Vim编辑模式，包括命令模式、插入模式、底线命令模式。支持增量高亮搜索(/,?,#,,g#,g)；支持替换命令(:s, :%s)。
6：GitGutter提供代码修改状态，不过功能远不如Atom自带的功能强大，例如minimap里就看不到修改状态，folder里的文件也看不到代码修改状态。
7：Xdebug Client插件提供了PHP可视化调试功能。

必要的插件：
Vintageous：提供Vim编辑模式。
SublimeLinter, SublimeLinter-php, SublimeLinter-jshint, SublimeLinter-shellcheck：提供语法检查，保证代码不出现语法错误。
sublime-phpcs：PHP代码审查，保证代码符合规范。
PHP-Twig：Twig文件格式。
BracketHighlighter：括号和html标签匹配高亮。
Highlighter：高亮不正常的字符，例如尾部空格等。
DocBlockr：快速写注释。
GitGutter：查看代码修改状态。
Git：git功能集成。
jQuery Snippets pack：jQuery函数模板。
Drupal：Drupal框架函数模板、自动补齐、info文件语法高亮等功能。
Xdebug Client：PHP可视化调试。

缺陷：

解决ibus等中文录入的问题比较麻烦。
javascript语法检查不起作用。

 

 

以上就是这段时间我对这两款编辑器的看法和总结,如有不对或遗漏的地方欢迎评论补充.