Edit product

Schematics Pro

12 ratings

The ultimate Angular developer experience, right from Visual Studio Code.

Whatever your background, boost your productivity. Beginner? Build optimized and architectured Angular projects like an expert with just a click. Already an expert? Enforce good practices across the whole team. Works with Ionic too.

Based on the open source Angular Schematics extension for Visual Studio Code, used by 500 000 developers.


Click to watch this 30s video to see a technical demo


Get Schematics Pro now

Schematics Pro is an extension for Visual Studio Code. It is currently in early access, which means by subscribing now:

  • you get access to the great features already implemented (list below) and you will automatically get new features as the development progresses

  • you get a lifetime 30% discount (your subscription will stay at the same price when the early access ends)

Upon subscription, you can download the extension and you get a license. It can only be used on 1 computer at a time (you can change of computer at any time).

How to?

On installation, a walkthrough will be displayed: it includes a getting started tutorial and documentation for all Schematics Pro features.

You will also be able to contact the author directly.

Requirements

  • Visual Studio Code (last 2 versions, currently v1.61+)

  • Angular LTS (currently v10+, v9 should be OK)


Schematics Pro features

  • Productivity

  • Good practices

  • Architecture


On mobile? The subscription form is at the bottom of the page. Need more details? Below is a list of all the features and how they will change your developer experience. But be aware you do not need to master all these topics, as there are 3 ways to work with Schematics Pro:

  • By default, Schematics Pro saves you time but stays unopinionated.

  • Beginner and you trust the author? A configuration helper enables all recommended good practices in just a click, and you can learn about them on the way with the provided documentation.

  • Already an expert and you want to follow alternative good practices? Everything is customizable.



No command line

Schematics Pro is a graphical interface inside Visual Studio Code to generate Angular files (components, services, modules...). While Angular CLI already does that, you have to type a command line, which is tedious, slow and typos prone. With Schematics Pro, it's super easy and fast: right-click on the destination folder of your choice, and done! The generated file is opened automatically: just start coding.

  • ✅ Graphical interface: no more command line

  • ✅ Automatic path detection

  • ✅ Automatic file opening

  • ✅ Generation journey: module, then component or service in a row

  • ✅ Internal schematics generator: faster generation

  • ✅ No terminal involved: no shells issues

  • ✅ No global Angular CLI involved

  • ✅ No package manager involved: no issues with yarn or pnpm


Enhanced Angular schematics

While Angular CLI laid the foundations of schematics generation, so much more can be automated. Schematics Pro extends the default schematics, so your every day work is simplified as much as possible.

  • ✅ Prevent mixing component types with different suffixes

  • ✅ Route option for page components

  • ✅ Automatic ActivatedRoute if route has a parameter

  • ✅ Import a new module in multiple other modules

  • ✅ Existing modules are suggested

  • ✅ Easily import (Reactive)Forms, Material, PrimeNG and Ionic modules

  • ✅ Inline module option for AIM / SCAM pattern


Predefined types

In Angular, dissociating pages (routed components) from view components is a major factor for maintainability, scalability, reusability, testability and optimization. With Schematics Pro, just select one of the predefined component types, and advanced options will be setup automatically! Same goes for the other Angular concepts (modules, services...), and you can customize the predefined types if you want to follow alternative good practices.

  • ✅ Predefined components types

  • ✅ Predefined modules types

  • ✅ Extend internal predefined types

  • ✅ Add predefined types for any schematic


Enforce architecture

Your project is growing and it's already messy, because everyone in the team does things their own way? Enforce architecture with Schematics Pro: associate a specific schematic or a predefined type to a folder, and it will be automatically preselected. Lead developers can now lead Angular projects for real.

  • ✅ Associate a path to a schematic

  • ✅ Predefined folders for module of pages

  • ✅ Enforce lazy loaded modules


Optimization

Optimization is an expertise. With Schematics Pro, even beginners can start on the right track, for better application loading time and fluidity.

  • ✅ Optimize change detection with pure components

  • ✅ Ensure lazy loading isolation


Entry files

30 messy imports in each file? Entry files (barrels) are the solution and what libraries do. For example, @angular/core is an entry point allowing to import many elements (ComponentInput,...) from one place. Schematics Pro can automate entry files management.

  • ✅ Automatic index.ts

  • ✅ Automatic TypeScript path mapping

  • ✅ Ask private or public in subsequent generations


Monorepos

If you need to manage multiple projects at the same time, there are a lot of solutions available today. Schematics Pro supports the most popular ones: Visual Studio Code workspaces, Angular CLI monorepo configuration and Nx workspaces.

  • ✅ VS Code workspaces

  • ✅ Angular CLI monorepo


More to come

Keep in mind that the current features list is really just the beginning. Schematics Pro is currently in early access, so you can get access now to the great features already implemented, but the roadmap of planned features is huge. The goal is to automate every single thing possible, even advanced practices.

Reminder: early access adopters get a lifetime 30% discount!

Schematics Pro

The ultimate Angular developer experience, right from Visual Studio Code.

Whatever your background, boost your productivity. Beginner? Build optimized and architectured Angular projects like an expert with just a click. Already an expert? Enforce good practices across the whole team. Works with Ionic too.

Based on the open source Angular Schematics extension for Visual Studio Code, used by 500 000 developers.


Click to watch this 30s video to see a technical demo


Get Schematics Pro now

Schematics Pro is an extension for Visual Studio Code. It is currently in early access, which means by subscribing now:

  • you get access to the great features already implemented (list below) and you will automatically get new features as the development progresses

  • you get a lifetime 30% discount (your subscription will stay at the same price when the early access ends)

Upon subscription, you can download the extension and you get a license. It can only be used on 1 computer at a time (you can change of computer at any time).

How to?

On installation, a walkthrough will be displayed: it includes a getting started tutorial and documentation for all Schematics Pro features.

You will also be able to contact the author directly.

Requirements

  • Visual Studio Code (last 2 versions, currently v1.61+)

  • Angular LTS (currently v10+, v9 should be OK)


Schematics Pro features

  • Productivity

  • Good practices

  • Architecture


On mobile? The subscription form is at the bottom of the page. Need more details? Below is a list of all the features and how they will change your developer experience. But be aware you do not need to master all these topics, as there are 3 ways to work with Schematics Pro:

  • By default, Schematics Pro saves you time but stays unopinionated.

  • Beginner and you trust the author? A configuration helper enables all recommended good practices in just a click, and you can learn about them on the way with the provided documentation.

  • Already an expert and you want to follow alternative good practices? Everything is customizable.



No command line

Schematics Pro is a graphical interface inside Visual Studio Code to generate Angular files (components, services, modules...). While Angular CLI already does that, you have to type a command line, which is tedious, slow and typos prone. With Schematics Pro, it's super easy and fast: right-click on the destination folder of your choice, and done! The generated file is opened automatically: just start coding.

  • ✅ Graphical interface: no more command line

  • ✅ Automatic path detection

  • ✅ Automatic file opening

  • ✅ Generation journey: module, then component or service in a row

  • ✅ Internal schematics generator: faster generation

  • ✅ No terminal involved: no shells issues

  • ✅ No global Angular CLI involved

  • ✅ No package manager involved: no issues with yarn or pnpm


Enhanced Angular schematics

While Angular CLI laid the foundations of schematics generation, so much more can be automated. Schematics Pro extends the default schematics, so your every day work is simplified as much as possible.

  • ✅ Prevent mixing component types with different suffixes

  • ✅ Route option for page components

  • ✅ Automatic ActivatedRoute if route has a parameter

  • ✅ Import a new module in multiple other modules

  • ✅ Existing modules are suggested

  • ✅ Easily import (Reactive)Forms, Material, PrimeNG and Ionic modules

  • ✅ Inline module option for AIM / SCAM pattern


Predefined types

In Angular, dissociating pages (routed components) from view components is a major factor for maintainability, scalability, reusability, testability and optimization. With Schematics Pro, just select one of the predefined component types, and advanced options will be setup automatically! Same goes for the other Angular concepts (modules, services...), and you can customize the predefined types if you want to follow alternative good practices.

  • ✅ Predefined components types

  • ✅ Predefined modules types

  • ✅ Extend internal predefined types

  • ✅ Add predefined types for any schematic


Enforce architecture

Your project is growing and it's already messy, because everyone in the team does things their own way? Enforce architecture with Schematics Pro: associate a specific schematic or a predefined type to a folder, and it will be automatically preselected. Lead developers can now lead Angular projects for real.

  • ✅ Associate a path to a schematic

  • ✅ Predefined folders for module of pages

  • ✅ Enforce lazy loaded modules


Optimization

Optimization is an expertise. With Schematics Pro, even beginners can start on the right track, for better application loading time and fluidity.

  • ✅ Optimize change detection with pure components

  • ✅ Ensure lazy loading isolation


Entry files

30 messy imports in each file? Entry files (barrels) are the solution and what libraries do. For example, @angular/core is an entry point allowing to import many elements (ComponentInput,...) from one place. Schematics Pro can automate entry files management.

  • ✅ Automatic index.ts

  • ✅ Automatic TypeScript path mapping

  • ✅ Ask private or public in subsequent generations


Monorepos

If you need to manage multiple projects at the same time, there are a lot of solutions available today. Schematics Pro supports the most popular ones: Visual Studio Code workspaces, Angular CLI monorepo configuration and Nx workspaces.

  • ✅ VS Code workspaces

  • ✅ Angular CLI monorepo


More to come

Keep in mind that the current features list is really just the beginning. Schematics Pro is currently in early access, so you can get access now to the great features already implemented, but the roadmap of planned features is huge. The goal is to automate every single thing possible, even advanced practices.

Reminder: early access adopters get a lifetime 30% discount!

12 ratings
  • Size
    1.23 MB
  • Size1.23 MB

Ratings

5.0
(12 ratings)
5 stars
100%
4 stars
0%
3 stars
0%
2 stars
0%
1 star
0%
Powered by
  • Checkout

    Schematics Pro

    Enter your info to begin your Yearly subscription. You can cancel anytime.
    You'll be charged US$89.39 today.