updated readme file about quickstart

README.md

@@ -12,6 +12,23 @@
 **A Quick Design and Testing Demo:**  
 ![And Split Demo](https://github.com/besley/besley.github.io/blob/master/Gif/slickflow-andsplit-demo.gif)
 
+**Quick Start Tutorial:**  
+1). In the command console, using the command **npm install** to download the node package.
+
+   please notice to run the command, the directory location is in the **ClientApp** path.
+
+2). Set up the **sfdapi** project which is an asp.net webapi type project.(IIS is a choice)
+
+3). Setting webapi variable in the **kcofnig.js** file
+
+    kconfig.webApiUrl = "http://localhost/sfdapic/" //your sfd webapi backend service url
+
+4). In the command console, using the command **npm run dev** to the the project
+
+5). Access the web project in the browser by 
+
+    **http://localhost:5000**
+
 **.NET/.NETCore Workflow Engine With Full Source Code** 
 1. **.NET, .NET CORE version both supported**  
  Slickflow is an open-source project based on .NET6; It's easy to use engine product into the cross-platform application.  
@@ -130,19 +147,6 @@
 **Email: sales@ruochisoft.com**  
 **QQ(Author): 47743901**
 
-**Quick Start Tutorial:**  
-1). In the command console, using the command **npm install** to download the node package.
-
-   please notice to run the command, the directory location is in the **ClientApp** path.
-
-2). Set up the **sfdapi** project which is an asp.net webapi type project.(IIS is a choice)
-3). Setting webapi variable in the **kcofnig.js** file
-
-    kconfig.webApiUrl = "http://localhost/sfdapic/" //your sfd webapi backend service url
-
-4). In the command console, using the command **npm run dev** to the the project
-5). Access the web project in the browser by **http://localhost:5000**
-
 **Wiki Page:**  
 https://github.com/besley/Slickflow/wiki  
 **CodeProject Articles:**