VSCode的确是一款非常热门、有强大用户基础的一款开发工具。因此,本文就来介绍10款高效、好用的插件,能够让原本单薄的VS Code如虎添翼,开发效率顿时提升到一个新的阶段。
在计算机科学中只有两件难事:缓存失效和命名。
我对这句话深有同感,当开发项目时,命名一直都是一种让我痛苦的事情。我想,应该不止我一个人有这样的感觉。
可是,命名又是开发过程中一项非常重要的事情,例如,一个好的函数命名,能够让你瞬间明白它实现的功能,这样就节省了很大一部分时间琢磨一段代码到底是什么含义。
所以,每当开发过程中遇到要命名的变量、函数、类时我就不得不停下开发,苦思冥想半天。
但是,CodeIf的出现让这个问题迎刃而解,它通过搜索GitHub, Bitbucket, GitLab来找到真实的使用变量名,为你提供一些高频使用的词汇,同时为你标明使用的语言、代码链接。
可以直接在网页上搜索要命令的词汇,当然,它不仅有网页版,也支持VS Code, Atom, Sublime, WebStorm等开发工具。
在VS Code中,Extensions->搜索“CodeIf”即可完成安装。
使用时只需要选中变量名,然后右键选择CodeIf就可以跳转到网页,显示候选命名。
推荐学习:《vscode教程》
修改代码之后想找回历史代码怎么办?
在使用Pycharm、IDEA时可以直接查看本地历史代码,然后轻松恢复之前某个版本。但是,VS Code默认是不支持local history的,所以,仅凭Ctrl+z撤销操作时不行的。何况,撤销操作是把前面步骤所有的操作都撤销了,其中有很多是我们不需要的。
但是,为VS Code配合上local history,所有问问题就迎刃而解了。
安装这款插件之后在侧边栏会出现LOCAL HISTORY的字样,每当我们保存更改时,它都会备份一份历史文件,当我们需要恢复之前版本时,只需要点击一下对应的文件即可。此外,它还会在编辑框显示对比详情,能够让你对修改位置一目了然。
文件比较是一种即常用有实用的一项功能,例如,我们想查看哪里修改了代码、查看输出的日志信息有什么区别等等,如果用肉眼逐个词的去分辨,显然是无法承受的。
提起文件比较,我首先想到的就是Beyond Compare,这是一款好用的工具,但是,仅凭收费这一点就把很多人拒之门外了。
还好,VS Code插件库里有Partial Diff这款神奇的插件,选中一代码,右键Select Text for Compare,选中另外一部分代码,右键Compare Text with Previous Selection即可。
我在此前多篇文章中提到过,习惯使用TODO
、FIXME
标签是一个非常好的习惯。
コードの特定の部分を変更する必要がある、またはコードの特定の部分を将来さらに改善する必要があることがわかった場合、その部分にマークを付けることができれば、コードを見つけるのが非常に簡単かつ効率的になります。対応する場所。
TODO
タグに関しては、多くの作成者が TODO Highlight プラグインを推奨していますが、私は TODO Tree を使用することをお勧めします。
多くのタグ ツールで TODO
タグの強調表示を実現できますが、問題は「対応するタグをすばやく見つけるにはどうすればよいでしょうか?」 ファイルを 1 つずつ開きます。明らかに見つけるのが非常に面倒で、効率もあまり向上していません。
TODO ツリー は異なります。タグの強調表示 を実現できるだけでなく、アクティビティ バーにタブを追加して、マークした項目をさまざまなビューで表示できます。 [場所] では、対応するラベルをクリックして、指定した場所をすばやく見つけます。
優れた編集インターフェイスで開発プロセスを効率化もっと楽しく快適に、開発効率もアップします。
明らかに、VS Code のデフォルトのアイコンはこのレベルに到達できません。
ただし、vscode-icons ではこのプラグインは異なり、次の機能があります。アイコン
6. より良いコメント
はい、実行します注釈情報は同じだと思いますか?
より良いコメント
このプラグインは、VS Code のコメント情報をより使いやすくします。アラート、クエリ、TODO、ハイライト、その他のタグに基づいてコメントを異なる方法で表示できます。さらに、コメントアウトされたコードはスタイルを設定できます。
その他の注釈スタイルは設定で指定できます7. ブラケット ペア カラーライザー
#上の例で複数のレベルにネストされた括弧を見ると、乱雑だと思いませんか?このように複雑に入れ子になった括弧を見るたびに、特にコードの行数が増えると、どの括弧が同じレベルにあるのかを判断するのが難しくなります。階層構造を理解していないと、当然ながらコードを読むのはさらに大変になります。
ブラケット ペア カラーライザー
このプラグインは、()、[]、
{}# などの一般的に使用されるブラケットを表示できます。 ## 対応する括弧をクリックすると、異なる色が線分で直接リンクされ、階層構造が一目瞭然になります。さらに、ユーザー定義のシンボルもサポートします。
は、コード仕様を実装できるツールで、主にコードの
上下の位置合わせに使用されます。 コードをコロン (:)、代入 (=、=、-=、*=、/=)、矢印 (=>) で整列させることができます。
使用法: Ctrl Shift p 「Align」と入力して確定します。
9.change-case
。
一部のプログラミング言語は、名前付けが非常に厳密であり、仕様に従わない場合、実行中に直接エラーが報告されます。 そして
change-caseは、現在選択されているコンテンツまたは現在の単語の名前を素早く変更するプラグインです。
使用法: Ctrl Shift p 「変更」 と入力し、変更する形式を選択します。
Markdown for私は独立した Markdown ドキュメントを書くときに Typora を使うことに慣れていますが、開発プロセスに関わる API インターフェイス ドキュメントや README には VS Code を使うことにまだ慣れています。
Markdown All in OneTypora に匹敵する Markdown 編集エクスペリエンスを実現できるプラグインで、次の機能を備えています:
このプラグインはまさに All in One を実現します。
プログラミング関連の知識について詳しくは、プログラミング入門をご覧ください。 !
以上が10 個の VSCode プラグイン アーティファクトの中から、あなたに合ったものが必ず見つかります。 !の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。