david.tahir/AngularTicTacToe
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Merge pull request #607 from Rajdeep97/patch-1

Browse Source 
Added how to install Angular Material to readme
This commit is contained in:
Maxime GRIS
2021-05-30 10:52:52 +02:00
committed by GitHub
parent 9f1a9a0532 d90410187a
commit a102b258f2
1 changed files with 26 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
README.md
View File

@@ -94,6 +94,32 @@ Maybe you only want to execute the application in the browser with hot reload? J
YES! You can do it! Just by importing your library in npm dependencies section (not **devDependencies**) with `npm install --save`. It will be loaded by electron during build phase and added to your final package. Then use your library by importing it in `main.ts` file. Quite simple, isn't it? YES! You can do it! Just by importing your library in npm dependencies section (not **devDependencies**) with `npm install --save`. It will be loaded by electron during build phase and added to your final package. Then use your library by importing it in `main.ts` file. Quite simple, isn't it?
## Install Angular Material
First add Angular Material using `ng add` command:
``` bash
ng add @angular/material
```
You will get the following questions:
``` bash
? Choose a prebuilt theme name, or "custom" for a custom theme: *Choose any theme you like here*
? Set up global Angular Material typography styles? *Yes*
? Set up browser animations for Angular Material? *Yes*
```
Angular Material will start installing, but you will get the following error after installation:
``` bash
Your project is not using the default builders for "build". The Angular Material schematics cannot add a theme to the workspace configuration if the builder has been changed.
```
*No need to Panic!* Just add your desired theme in style.scss:
``` bash
import '@angular/material/prebuilt-themes/indigo-pink.css'
```
Angular Material Library is now installed in your project.
## Debug with VsCode ## Debug with VsCode
[VsCode](https://code.visualstudio.com/) debug configuration is available! In order to use it, you need the extension [Debugger for Chrome](https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome). [VsCode](https://code.visualstudio.com/) debug configuration is available! In order to use it, you need the extension [Debugger for Chrome](https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome).