高い生産性ツール:Webフロントエンドの開発VScode必要なプラグインDaquanは(彼らの良い仕事のために自分の道具をまず研ぎ澄まし必要があります)

ブラケットペア彩色

異なる色のブラケットに優しい、異なるブロックを区別しやすい、ユーザはまた、特にダート言語発達をブラケットの種類と色を定義することができ、特に重要です。
ここに画像を挿入説明

ターミナル

ターミナルプログラムなどの実行コマンド端末に組み込まれたエディタはエディタで直接cmdを。
ここに画像を挿入説明

パスのインテリセンス

プラグインの自動ファイルパスの入力を求めるには、ファイルの様々な非常に便利な無脳高速な導入をサポートしています。
ここに画像を挿入説明

JavaScriptの(ES6)のコードスニペット

インテリジェント入力プロンプトとES6文法速いだけでなく、サポートの.js、サポートの.TS、.jsxの、.tsx、.htmlを、.vue。
ここに画像を挿入説明

ES7が反応/ Reduxの/ GraphQL /リアクト - ネイティブスニペットを

反応/ Reduxの/ Reatcネイティブ/反応し、ルータ文法スマートヒントを、開発者が持っている必要があります反応します。
ここに画像を挿入説明

シンタックスハイライト、スマートヒント、エメット、エラーメッセージ、書式設定、自動補完、デバッガ:含むVueの多機能統合されたプラグイン、。vscodeの公式インペリアルVueのプラグインで、必要に応じてVueの開発者。
ここに画像を挿入説明

NPMインテリセンス

プロンプトが表示されたら、NPM-パックパッケージは、インテリジェント必要とした後、インポート文の自動補完NPMモジュール。
ここに画像を挿入説明

Markdownをプレビュー強化します

ライブプレビュー値下げ、値下げ(た.md)ユーザーが持っている必要があります。
ここに画像を挿入説明

コードのスペルチェッカー

英単語のスペルを確認し、単語がライブラリに存在しない場合は下の波線になります。
ここに画像を挿入説明

より良いコメント

ハイライトのコメントのいくつかは、非常によくチームとヒントを重視。シンボルがあります:* ,, TODO、@ paramが!
ここに画像を挿入説明

markdownlint

マークダウン構文エラー訂正、迅速なMDの構文を開始します。
ここに画像を挿入説明

オートクローズタグ

自動クローズHTML / XMLタグ、非常に高速な書き込みHTMLコード。
ここに画像を挿入説明

自動名前変更タグ

自動的に修正同期するHTML / XMLタグの他の側面は、非常に便利です。
ここに画像を挿入説明

ESLint

JavaScript 语法纠错,可以自定义配置,也可以参照官网的配置,摆正开发者的代码格书写格式。
ここに画像を挿入説明

GitLens

快捷方便查看 Git 日志,高频使用 Git 者必备,这里有配置教程
ここに画像を挿入説明

HTML CSS Support

智能提示 CSS 类名以及 id 名,非常高效。
ここに画像を挿入説明

HTML Snippets

智能提示 HTML 标签,以及标签的含义,再也不用翻手册了。
ここに画像を挿入説明

jQuery Code Snippets

jQuery 代码智能提示,非常优雅。
ここに画像を挿入説明

vscode-icons

美化插件,用于美化目录树图标主题。
ここに画像を挿入説明

Dracula Official

编辑器颜色主题,很漂亮。
ここに画像を挿入説明

Class autocomplete for HTML

智能提示HTML class =“”属性,很好用。
ここに画像を挿入説明

IntelliSense for CSS class names

智能提示 css 的 class 名,无脑录入。
ここに画像を挿入説明

vsc-netease-music

写代码无聊,来点音乐?好的!
ここに画像を挿入説明

Power Mode

打字炫酷特效震动光效插件,这是配置教程,可以装着玩玩。
ここに画像を挿入説明

live Server

模拟本地服务器,编写网页时保存后自动刷新,无需到浏览器中刷新。
ここに画像を挿入説明

Visual Studio IntelliCode

给开发者提供最合适的 IntelliSense 上下文建议功能,除此之外,还有代码格式化和规则推测等功能。
ここに画像を挿入説明

Image Preview

鼠标悬浮在链接或者装订线(gutter)左边可以预览到图片,非常方便。
ここに画像を挿入説明

Output Colorizer

输出提示的文字颜色有一些变化,方便获取关键信息。
ここに画像を挿入説明

filesize

在底部状态栏显示当前文件大小,点击后还可以看到详细创建、修改时间。
ここに画像を挿入説明

SVG Viewer

无需离开编辑器,便可以打开 SVG 文件并查看。
ここに画像を挿入説明

WakaTime

如果你想记录每天编程所花的时间,它可以帮助记录和存储有关编程活动的指标和分析。
ここに画像を挿入説明

Color Info

CSSでの色の使用に関する情報を提供し、ホバーカーソル、あなたはカラーモデル(HEX、RGB、HSLおよびCMYK)に色をプレビューすることができます。
ここに画像を挿入説明

縮小化

組み合わせたアプリケーションは、コマンドが.minファイルを生成し、JavaScriptとCSSファイルを圧縮するために使用しました。
ここに画像を挿入説明

公開された237元の記事 ウォンの賞賛338 ビュー760 000 +

おすすめ

転載: blog.csdn.net/weixin_44198965/article/details/103747866