VisualStudioCodeで使用しているWebClientにあいそうなプラグイン
VisualStudioCode(打つのが面倒なのでVSCodeと略します)上でをクリックするとプラグインを追加できますが皆さんどんなプラグインを入れていますか?
カードゲームで自分のデッキを公開するようで変な気分ですが私の場合を公開します。
Japanese Language Pack for Visual Studio Code
エディタを日本語化してくれます。
Angular Language Service
データバインディング、ディレクティブの候補やhtml側にてtsファイルで宣言した関数などの候補を挙げてくれます。
Angular Snippets (Version 9)
Version8用でよさげなのがなかったので9用を使ってます。
Angular TypeScript のメソッドやプロパティの候補を挙げてくれます。
Auto Close Tag
html作成時開始タグを入れると同時に終了タグも入ります。
Auto Rename Tag
開始タグを変更すると同時に終了タグも変更されます。
Bracket Pair Colorizer
この開始カッコと終了カッコは同じという感じにカッコの色分けをしてくれます。
Material Icon Theme
ファイルの拡張子ごとにアイコン表示を変更してくれます
Prettier - Code formatter
ソースをShift+Alt+Fキーで綺麗に成型してくれます。
JavaScript · TypeScript · Flow · JSX · JSON
CSS · SCSS · Less
HTML · Vue · Angular
GraphQL · Markdown · YAML
対応
あとはGitとの連動用に
カスタマイズしています。
もしこんな便利なプラグインがある!っていうのがあればおしえてください^-^。
-
VSCodeに関しては「勘」でここまできちゃいました;;
VSCodeはプラグインとGit設定で十分だと思います。Gitはボリュームが大きいので少々おまちをー。
あと、コンパイルなどのコマンドをどこに入力するの?コマンドプロンプトを使うの??が最初の壁かもれません。
表示→ターミナルをクリックするとpowershellを入力できます。
ここでnodeサーバーなんかを立ち上げたりします。
大抵ここでやることってサービスの起動
ng serve --open
モジュールのインストール
npm install --save hogehogehogehoge@999.999.999
モジュールのアンインストール
npm uninstall hogehogehogehoge
ビルド
ng build --prod
ぐらいですー^-^。
-
竹本さん、
プラグインの情報を教えてくださり、ありがとうございます。
プラグインを活用しないと損ですね。
Magicのセミナーや読み物で、Visual Studio Codeのプラグインまわりを
軽く触れてほしいですね。
-
こんにちはPuです
私は主にpythonで開発しておりますのでVSCodeとプラグインは欠かせません。(ないと開発できません)
デバック機能もありますし。
それとChromeのデベロッパーツールとmanagement studioも欠かせません。
いろんなツールを使ってデバッグしますが、magicはそれだけでテスト、デバッグが出来るので
凄い開発ツールですね。
でわ~でわ~
-
Puさん、
VSCodeとプラグインも活用してpythonの開発は素晴らしいですね。
pythonはやったことがないので、個人的には非常に興味があります!(^^)!
あと、おっしゃるとおり、magicはそれだけでテスト、デバッグ出来るのは
凄いツールだと思います。
Web Clientを試したときは、magicの恩恵はそのまま受けてて
でもWebClientから自動生成したWebアプリケーションに対しては、
Chromeのデベロッパーツールを使ってデバッグした方が楽だった印象があります。
このあたりは、magicというより、Angularで作ったWebアプリケーションのデバッグ方法と
同じなのかもしれませんね。
-
Siziuさんこんにちは
入力デバイスにRasPiを使う事が多いのと、画像や音声の処理も必要な案件の時とかあるので
pythonでの開発がメインとなってしましました、ですのでVSCodeは必須です。(pythonのプラグインが便利すぎる)
excelファイルを直接読んで処理したりするのにも便利ですし、GoogleのAPI使用するのも楽なんで。
webの大規模開発にdjangoなどフレームもありますが、私は使ったことありません。
マスタ保守とかはmagic使ってますが。
でわ~でわ~
サインインしてコメントを残してください。
コメント
5件のコメント