From 8d06b130c2d4603c085bfb321ca275a042e6a594 Mon Sep 17 00:00:00 2001
From: NickIliev <nikolay.iliev@telerik.com>
Date: Tue, 17 Dec 2019 14:32:01 +0200
Subject: [PATCH] docs: improve schematics article

---
 docs/code-sharing/creating-a-new-project.md  | 10 ++---
 docs/code-sharing/migrating-a-web-project.md | 44 ++++++++++----------
 2 files changed, 26 insertions(+), 28 deletions(-)

diff --git a/docs/code-sharing/creating-a-new-project.md b/docs/code-sharing/creating-a-new-project.md
index 09c53d877..8aa021ee8 100644
--- a/docs/code-sharing/creating-a-new-project.md
+++ b/docs/code-sharing/creating-a-new-project.md
@@ -14,13 +14,11 @@ Creating a code-sharing project is a straightforward process. You can use Angula
 You need to use the following versions of npm modules:
 
  * **Angular CLI** - v6.1.0 or newer
-     ```
-	 npm i -g @angular/cli
-     ``` 
+ 
  * The latest version of **NativeScript Schematics** 
-     ```
-	 npm i -g @nativescript/schematics
-     ```
+```
+npm i -g @nativescript/schematics
+```
 
 ## Using the Angular CLI
 
diff --git a/docs/code-sharing/migrating-a-web-project.md b/docs/code-sharing/migrating-a-web-project.md
index 2624b2abf..1146745c8 100644
--- a/docs/code-sharing/migrating-a-web-project.md
+++ b/docs/code-sharing/migrating-a-web-project.md
@@ -128,7 +128,7 @@ To convert your project to use a single (shared) navigation configuration, you n
 Here are the steps:
 
 1. Add a shared file with the routes configuration: **app.routes.ts**
-    ```TypeScript
+```TypeScript
 import { Routes } from '@angular/router';
 
 export const routes: Routes = [
@@ -137,7 +137,7 @@ export const routes: Routes = [
 ```
     
 1. Replace the routes configuration in **app-routing.module.ts** with the import of **ROUTES**
-    ```TypeScript
+```TypeScript
 import { NgModule } from '@angular/core';
 import { RouterModule } from '@angular/router';
 
@@ -151,7 +151,7 @@ export class AppRoutingModule { }
 ```
 
 1. Replace the routes configuration in **app-routing.module.tns.ts** with the import of **ROUTES**
-    ```TypeScript
+```TypeScript
 import { NgModule } from '@angular/core';
 import { NativeScriptRouterModule } from 'nativescript-angular/router';
 
@@ -164,6 +164,24 @@ import { routes } from '@src/app/app.routes';
 export class AppRoutingModule { }
 ```
 
+### Migrating Modules
+
+You should also migrate your **NgModules** into code sharing modules.
+
+Often the migration step will consist of these steps:
+
+* Add the NativeScript version of the **@NgModule**—**module-name.component.tns.ts**,
+* copy the providers from your web **@NgModule**,
+* copy the imports from your web **@NgModule** - use NativeScript versions for those that are web-specific (e.g. use **NativeScriptHttpClientModule** instead of **HttpClientModule**)
+* convert all of modules' components, by using migrate-component schematic,
+* and migrate declared components and add them to **declarations**
+
+This task can be helped with the [module migration schematic](./migrating-a-web-project#schematic-migrate-module): 
+
+```bash
+ng g migrate-module --name=module-name
+```
+
 ### Migrating Components
 
 Your next task is to migrate your individual components into a code-sharing structure.
@@ -179,7 +197,7 @@ This task can be helped with the [component migration schematic](./migrating-a-w
 ng g migrate-component --name=component-name
 ```
 
-In the case where the component class contains web-specific code, you will need to extract the **platform-specific** code into a set of **helper files** of **services** and keep only the shared code. You can read more on handling [partial differences here]([read more here ](./code-splitting#partial-differences)).
+In the case where the component class contains web-specific code, you will need to extract the **platform-specific** code into a set of **helper files** of **services** and keep only the shared code. You can read more on handling [partial differences here](./code-splitting#partial-differences).
 
 ### Schematic: migrate-component
 
@@ -324,24 +342,6 @@ Run the following code to achieve the same result.
 ng g migrate-component --name=dog --component-path=animals/dog/dog-cmp.ts --skip-module
 ```
 
-### Migrating Modules
-
-You should also migrate your **NgModules** into code sharing modules.
-
-Often the migration step will consist of these steps:
-
-* Add the NativeScript version of the **@NgModule**—**module-name.component.tns.ts**,
-* copy the providers from your web **@NgModule**,
-* copy the imports from your web **@NgModule** - use NativeScript versions for those that are web-specific (e.g. use **NativeScriptHttpClientModule** instead of **HttpClientModule**)
-* convert all of modules' components, by using migrate-component schematic,
-* and migrate declared components and add them to **declarations**
-
-This task can be helped with the [module migration schematic](./migrating-a-web-project#schematic-migrate-module): 
-
-```bash
-ng g migrate-module --name=module-name
-```
-
 ### Schematic: migrate-module
 
 The **migrate-module** performs the module migration steps, which involve: