📐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 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)

c:>cd able-dotnet

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.

If you are interested more in learning about gulp, check the below section, else you can skip it.

Gulp

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

Gulp Commands(task)

Default task

Gulp Command	Description
gulp	which build assets in wwwroot/ directory

Basic task

Gulp Command	Description
gulp sass	which compile .scss files from /src/assets/scss directory and place it into a /dist/assets/css directory
gulp imgmin	which use to optimize images from /src/assets/images directory and place it into a /dist/assets/images directory
gulp build	which use to copy files from /src/assets directory and place it into a /dist/assets directory
gulp build-html	which uses compiling your HTML file from /src/html directory and place it into a /dist directory
gulp build-js	which use to build .js files from /src/assets/js directory and place it into a /dist/assets/js directory

Now Compile and run the project using visual studio