Code Visual Studio - appliquer la refactorisation de renommer le fichier dans toutes les importations ES6

Question

J'ai tapuscrit demande de construire avec ES6 modules.

Comment puis-je renommer le ts ou le fichier js qui représente un module sans casser ES6 importation référencée dans le fichier renommé?

e.g: renommer MyModule.ts de RenamedModule.ts -> changement import * from './MyModule' de import * from './RenamedModule' dans tous les fichiers;

Est-il un VSCode extension ou tapuscrit service qui serait de renommer le chemin d'accès du module dans tous les ES6 importations en renommant un fichier?

EDIT:

voter pour cette vscode fonctionnalité sur GitHub

Answer 1

Je viens de regarder pour la même chose et j'ai trouvé ce VSCode extension:

déplacez-ts

Il est très jeune, mais semble être en cours de développement. Je l'ai testé sur ma machine Windows et a immédiatement rencontré un problème avec les barres obliques inverses utilisé. Il y a, cependant, déjà, un pull request à résoudre (pas par moi). Dès que c'est corrigé, je pense que cela pourrait être ce que vous (nous) sommes à la recherche pour. EDIT: à compter de 2017-Mai-11, les fenêtres problème est résolu.

Il y a une discussion en cours pour un "refactor déplacer le fichier" suggestion pour la Machine elle-même ici, mais il semble être à un stade très précoce. Il semble que, jusqu'à cette construction, cette fonctionnalité est peu probable d'être inclus dans VSCode lui-même, ce billet open pour VSCode explique, qui suit la caractéristique principale demande que vous avez associé à votre montage.

Answer 2

Utilisez un plugin appelé "renommer" Il peut être téléchargé dans la section plugins de Visual Studio Code.

Vous pouvez simplement utiliser le findRll et le remplacer fourni avec la plupart des éditeurs de texte tels que NotePad ++