WebStorm技術の使用

この記事の内容はWebStormコレクション(グラフィックス)を使用する方法で私たちを与えることである、いくつかの基準値を参照することができます必要としている友人がいる、私はあなたの助けを願っています。

19115310_8979b2ff23.png

1.画像の幅と高さのプロンプト。

19115351_8113361c29.jpeg

あなたがHTMLを書くとき通常、私はimgタグに遭遇し、画像の幅と高さを知るために大きな困難を過ごすことではないでしょうか?WS直接あなたにそれを示しています。

2.ラベルの再構築、ファイル、CSSやJSの復興再建の名前を変更

2.1ラベルの再構築

あなたがしたい場合は19115441_e51f86190c.png読んで19115511_5ac1fcd0ac.pngどのように行うには?WSでは、あなたは、単にカーソルを移動します

若しくは

ショートカットキーを押した後、再構成が簡単にpタグにそれを回すことができますことができます。


2.2ファイル名の変更

Style1.cssあなたはstyle2.cssの名前を変更したいのですが、htmlファイルの参照の多くは、どのように行うためにstyle1.cssでしたか?
WSファイルのリネーム機能を使用して、大胆に名前を変更し、それが自動的にすべての参照を更新するのに役立ちます。(あなたの参照が正しいと従来に沿ったものであると仮定すると)

2.3 CSSの再構築

また、あなたは、だけでなく、実現される機能を再構築することにより、インラインスタイル、外部CSSファイルを移動する場合。本番環境でHTMLのインラインスタイルを書きませんが、我々は便宜のためにデバッグしている一方で、多くの場合、我々はそれを行います。ですから、デバッグを終了し、自然にこの機能を使用します。19115549_d21e3f01f5.jpeg

使用しても良いJS再建。宣言はそんなに多くアップグレードし、名前の変更変数を含みます。私はJS最高のIDEの復興を支援するために使用WS。あなたは、JSの復興のためのIDEサポートははい、私はには、相対的に低い行ったものを私に伝えることができます。

業界の最新技術3.サポート

你安装 WS 后,你会发现它内置了对 SASS、NodeJS、CoffeeScript、Jade 的支持。
连 Emmet 都内置了,而且快捷键还是 Tab,太方便了。没有这个功能我都不想写 HTML 了。
如果它发现你的文件后缀是 .less/.scss/.sass 或者 .coffee,就会问你,是否需要把它们自动编译为 css 或 js。
如果它发现你有 NPM,会自动列出你安装过的 package,方便管理和升级。(这个貌似需要装 NodeJS 支持插件,我记不清是不是自带功能了。)

4. 可自定义代码格式化规则

虽然很多 IDE 都有格式化功能,但能自定义到 WS 这种程度的还没见过。

是否保留单行的 { }。

是否保留单行的function。

属性是否要对其。

冒号前后是否加空格。

……

5. 设置项是可搜索的(英文)

「这个 IDE 有这么多设置项,我要折腾好久啊!」
WS 考虑到了这一点,所以他的所有设置都是可搜索的,不会让你漫无目的地摸索,你想设置什么就搜什么。
想设置外观,就搜 appearance;
想设置快捷键,就搜 keymap;
想设置插件就搜 plugin。
当你进入 keymap,你还可以进行二级搜索,比如你想知道 format 功能的快捷键,就直接搜 format。
你甚至可以反过来,搜 Ctrl + L 这个快捷键对应的功能是什么。
P.S. WS 的快捷键是支持二次按键的。比如我把 Git add 的快捷键设置为 Alt+G & Alt + A,把 Git commit 设置为 Alt+G & Alt+C。这样的好处是不会让你无快捷键可设。

6. 再说说其他 IDE 也有的功能吧

6.1。ローカルバージョン管理。あなたのすべては、WSでのローカルプレゼンスを編集している、あなたは常にバージョン履歴に戻すことができます。

19115709_205a783475.jpeg

しかし、これらの歴史に注意を払うがクリアされる可能性が高いです。

6.2ポモドーロ技術と組み合わせることができます。プラグインと呼ばれるポモドーロ-TMがあり、のようなプログラマーの多くがあるはずです。

6.3は、これにRedmineの/ Trello / JIRAとを統合することができます。



おすすめ

転載: blog.51cto.com/14370425/2431121