2017-09-25 6 views
26

Angular CLIでコンポーネントの名前を変更するショートカットは、フォルダ名、css、ts、spec.ts、app.module.tsなどのすべてのコンポーネントファイルを手動で編集する以外にはありませんか?Angular CLIでコンポーネントの名前を変更するには

+0

htmlタグを変更したい場合は、セレクタの名前を変更してください。クラスを変更したい場合は、手動で行う必要があります。 –

+0

それらが 'ng destroy'で追加されるまであなたは運が悪いです... –

+2

このスレッドの機能を監視することができます:https://github.com/angular/angular-cli/issues/900 –

答えて

31

いいえ!

component createコマンドを使用して生成されたすべてのファイルの名前を変更するコマンドはありません。したがって、ts,html,css/scss,.spec.ts のファイルを手動で名前を変更する必要があります。

私は頻繁にangular cliのユーザーですが、角度のあるコンポーネントを作成して名前を変更する必要があるときに、このコマンドを使用するといいと思います。この名前変更コマンドが存在しないので、作成された角度コンポーネント、ディレクティブなどを削除して、コンポーネントを作成するコマンドを再度実行することは本当に苦痛です。

+2

これは便利でしょう古いプロジェクトを再利用する。 – Leo

4

現在、Angular CLIは名前の変更やリファクタリングの機能をサポートしていません。

一部のIDEの助けを借りて、このような機能を実現できます。

Intellij、Eclipse、VSCodeなど。デフォルトでリファクタリングをサポートしています。

は今日でVSCodeは、いくつかの上昇傾向を示している、個人的に私は思いVSCode

Determinigを参照しながら、この

リファクタリングのファン: - あなたはどこでも、変数のすべての参照を見つける VSCodeヘルプそれが使用されていると判断され、SHIFT + F12となります。これは、タイプスクリプトと非常にうまく動作します。あなたはF2は、ポップアップを開き、値を変更し、これは参照のすべてのインスタンスを更新します入力してクリックすることができ押すことができますすべての参照を見つけた後 - :参照のすべてのインスタンスの名前を変更

。あなたは、ファイルやプラグインとのインポート参照の名前を変更することができます

ファイル名の変更や輸入。詳細はこちらhere

+0

リファレンス、ファイル、およびインポートについて話しますが、コンポーネントの名前を変更するのはどうですか? –

+0

@OrtomalaLokni angular-cliは名前の変更をサポートしていません。名前を変更する作業は、これらの3つの手順で行うことができます。 –

関連する問題