# Quick Start

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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://phoenixcoded.gitbook.io/able-pro/.net/quick-start.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.