- C# for Visual Studio Code (powered by OmniSharp)
- C# Extensions
- Nuget Package Manager
- Angular Snippets
- Angular Files
- Angular Language Service
- Angular-2 switcher (alt+o)
- Auto Rename Tag
- Bracket Pair Colorizer
- Debugger for Chrome
- Material Icon Theme
- Path Intellisense
- Prettier
- TSLint
- Create a new directory such as DatingApp
- Run the following command
npm install -g @angular/cli@latest
dotnet new webapi -o DatingApp.Api -n DatingApp.Api
dotnet new angular -o DatingApp.Spa
- Add a .gitignore to the Api project
.gitignore
.vscode
bin
obj
*.db
- Modify app.module.ts to import HttpClientModule
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { HttpClientModule } from '@angular/common/http';
import { AppComponent } from './app.component';
import { ValueComponent } from './value/value.component';
@NgModule({
declarations: [
AppComponent,
ValueComponent
],
imports: [
BrowserModule,
HttpClientModule
],
providers: [],
bootstrap: [
AppComponent
]
})
export class AppModule { }
- Install boostrap font-awesome
cd DatingApp.Spa\ClientApp
npm install boostrap font-awesome
- Modify styles.css
@import '../node_modules/boostrap/dist/css/bootstrap.min.css';
@import '../node_modules/font-awesome/dist/css/font-awesome.min.css';
- David Ikin