Getting Started
In this wiki we are going to explain the first steps you need to take for developing with Angular, getting the DeX application to work, and finally how to develop for the application.
What are we going to do:
- Setting up the local environment and workspace for Angular
- Cloning the repository and installing packages
- Working on the application
- (Optional) Running the backend services
For your local environment and workspace you will need to install a few things first:
- An IDE of your choice
- Node.js
- an NPM package manager
- Configure Visual Studio Code
Follow the steps on https://angular.io/guide/setup-local to complete your setup. Make sure to test if you are able to create and open an application before you go to the next step.
First we need to make sure you've got Git installed to be able to run Git commands. If you need to install Git, follow the steps on:https://git-scm.com/book/en/v2/Getting-Started-Installing-Git.
On your device of choice, navigate to the folder in which you would like to clone the repository. Once in the right folder, open your terminal of choice and clone the repository by using the following command.
- Clone the repo
git clone https://github.com/DigitalExcellence/dex-frontend.git- Install NPM packages
npm install- Open the folder with VS Code
- Open new terminal
CTRL + SHIFT + ~ - Serve the application with the Angular CLI
npm startThe recommended editor for this project is Visual Studio Code. The following extensions are mandatory to use during developing:
The following list contains recommended plugins: Recommended plugins
The extensions can be imported with the use of the Visual Studio Code plugin Settings Sync
To learn how to run the backend services please refer to this wiki article.
