diff --git a/docs/en/cli/index.md b/docs/en/cli/index.md
index baebe711ee..9acb0bb2e8 100644
--- a/docs/en/cli/index.md
+++ b/docs/en/cli/index.md
@@ -70,7 +70,7 @@ Here, is the list of all available commands before explaining their details:
 * **`clear-download-cache`**: Clears the templates download cache.
 * **`check-extensions`**: Checks the latest version of the ABP CLI extensions.
 * **`install-old-cli`**: Installs old ABP CLI.
-* **`generate-razor-page`**: Generate a page class and then use it in the ASP NET Core pipeline to return an HTML page.
+* **`generate-razor-page`**: Generates a page class that you can use it in the ASP NET Core pipeline to return an HTML page.
 
 ### help
 
@@ -973,9 +973,8 @@ Usage:
 
 1. Create a new `Razor Page(MyPage.cshtml)` that inherits from `AbpCompilationRazorPageBase` in `Views` folder.
 2. Create a `MyPageModel` class in the same folder.
-2. Create a `MyPage.js` and `MyPage.css` files in the same folder.
-3. Add the following code to the `MyPage.cshtml`, `MyPage.css` and `MyPage.js` files.
-4. Run the `generate-razor-page` command under the `Views` folder.
+3. Create a `MyPage.js` and `MyPage.css` files in the same folder.
+4. Add the following code to the `MyPage.cshtml`, `MyPage.css` and `MyPage.js` files.
 
 ```cs
 public class MyPageModel
@@ -1046,7 +1045,7 @@ body {
 console.log('MyPage.js loaded!');
 ```
 
-The command output will be:
+5. Finally, run the `generate-razor-page` command under the `Views` folder:
 
 ```bash
 > abp generate-razor-page
@@ -1059,7 +1058,7 @@ Generating code files for pages in /MyProject/Views
 1 files successfully generated.
 ```
 
-The `MyPage.Designer.cs` file will be created in the same folder, it's a standard C# class you can use it in the pipeline to return an HTML page.
+The output will be like in the above command output, and `MyPage.Designer.cs` file will be created in the same folder. It's a standard C# class that you can use it in the pipeline to return an HTML page:
 
 ```cs
 app.Use(async (httpContext, next) =>