> For the complete documentation index, see [llms.txt](https://phoenixcoded.gitbook.io/able-pro/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://phoenixcoded.gitbook.io/able-pro/.net/quick-start.md).

# Quick Start

Setup Able Pro .Net

Able Pro supports ASP.net Core 7. The following is a guide to quickly start using the template.

## Prerequisites

#### Visual Studio

Make sure to have [Visual Studio](https://visualstudio.microsoft.com/vs/) downloaded on your machine. Currently, Able Pro supports ASP.net Core 7 or newer.

### Build Theme

Navigate to your root folder **(i.e. ablepro-dotnet)**

<pre><code><strong>c:>cd able-dotnet
</strong></code></pre>

Install packages by npm or yarn according to your preferences. Here we are using the npm package manager.

```
> npm i
```

After package installation, you can start your app by using **`Gulp`** command. This will regenerate the wwwroot/assets folder. You can keep this command running while making changes in the `src` folder. It will auto-apply to the `wwwroot` folder and your browser.

```
> gulp
```

Go to the root directory of the project and open **`AbleproDotNet.sln`** solution file in Visual studio.

{% hint style="info" %}
If you are interested more in learning about gulp, check the below section, else you can skip it.
{% endhint %}

<details>

<summary>Gulp</summary>

#### Don't know about Gulp?

Gulp is a toolkit for automating painful or time-consuming tasks in your project development workflow, so you can stop messing around and build something easier than ever.

* Auto Minify/Uglify CSS, HTML, and JS codes
* Auto Compile SaSS file
* 3000+ Plugins

#### Gulp for Able pro

Use Gulp in Able Pro for building assets for theme  with lots of functional tasks like Image Optimization, SaSS compilation, etc...which useful to make the production-ready `wwwroot/assets` directory

</details>

### **Gulp Commands(task)**

#### Default task

<table><thead><tr><th width="238">Gulp Command</th><th>Description</th></tr></thead><tbody><tr><td><code>gulp</code></td><td>which build assets in <strong><code>wwwroot/</code></strong> directory</td></tr></tbody></table>

#### Basic task

<table><thead><tr><th width="242.66666666666669">Gulp Command</th><th>Description</th></tr></thead><tbody><tr><td><code>gulp sass</code></td><td>which compile .scss files from <code>/src/assets/scss</code> directory and place it into a <code>/dist/assets/css</code> directory</td></tr><tr><td><code>gulp imgmin</code></td><td>which use to optimize images from <code>/src/assets/images</code> directory and place it into a <code>/dist/assets/images</code> directory</td></tr><tr><td><code>gulp build</code></td><td>which use to copy files from <code>/src/assets</code> directory and place it into a <code>/dist/assets</code> directory</td></tr><tr><td><code>gulp build-html</code></td><td>which uses compiling your HTML file from <code>/src/html</code> directory and place it into a <code>/dist</code> directory</td></tr><tr><td><code>gulp build-js</code></td><td>which use to build <code>.js</code> files from <code>/src/assets/js</code> directory and place it into a <code>/dist/assets/js</code> directory</td></tr></tbody></table>

#### Now Compile and run the project using visual studio