Angular Import SorterAutomatically sorts and groups TypeScript/Angular import statements into distinct blocks: 1) Angular/Third-Party libraries, 2) Application Aliases (@core, @shared), and 3) Relative Paths (./, ../). This ensures clean, consistent, and maintainable import organization across your Angular codebase. Installation Launch VS Code Quick Open ( Ctrl+P), paste the following command, and press enter.Copied to clipboard |
Angular Import Sorter 💡 Overview Angular Import Sorter is a simple but powerful VS Code extension that automatically standardizes the order and grouping of your TypeScript import statements, specifically tailored for Angular projects. It enforces a clean, three-tiered grouping structure: Framework/Third-Party: Imports from @angular/, rxjs, lodash, and other external libraries. Application Aliases: Imports using internal path aliases like @core, @shared, @app, etc. Relative Paths: Imports using local file paths (./ or ../). This consistency drastically improves code readability and maintainability across large teams and projects. ✨ Features Automatic Grouping: Classifies imports into three logical groups with blank lines between them. Alphabetical Sorting: Sorts lines alphabetically within each group. Zero Configuration: Works immediately on any .ts file without needing custom settings. 🚀 Usage Open any .ts file in your Angular project. Open the Command Palette (Ctrl+Shift+P or Cmd+Shift+P). Type and execute the command: Angular Sorter: Sort Imports. The extension will find all import blocks, sort them, and replace the old block with the new, structured one. ⚙️ Installation Search for "Angular Import Sorter" in the VS Code Marketplace or install it via the link provided above. 📝 Note on Contribution If you find a bug or have a suggestion, please open an issue! Made with ☕ by TU_NOMBRE_DE_EDITOR |