Angular6 환경을 VisualStudio2017에서 구축하는 방법
3454 단어 Angular6VisualStudio2017
VisualStudio2017에 Angular의 Template가 있지만, Angular4용이므로 Angular6의 환경을 구축하는 방법을 망비록으로 정리해 보았다.
1. VisualStudio2017에서 "ASP.NET Core 웹 응용 프로그램"을 선택

2.API 선택

3. 솔루션을 선택하고 오른쪽 클릭에서 Open Command Line → Developer Command Prompt를 엽니다.

※「Open Command Line」이 표시되지 않는 경우는, 확장 기능과 업데이트로부터 인스톨 한다.
4. 명령 프롬프트에서 ng new 프로젝트 이름을 입력하여 실행

※오류가 표시되어 종료하지만 무시
5. "package.json"에서 패키지 복원 수행
6. "startup.cs"를 열고 Configure 메서드를 다음 코드를 추가
startup.cs
public void Configure(IApplicationBuilder app, IHostingEnvironment env)
{
if (env.IsDevelopment())
{
app.UseDeveloperExceptionPage();
}
app.UseMvc();
//以下の2行を追加
app.UseDefaultFiles();
app.UseStaticFiles();
}
7. "angular.json"을 열고 "outputPath"의 설정을 "wwwroot"로 변경

8. 프로젝트 편집을 열고 "PropertyGroup"태그에 다음 코드 추가
<TypeScriptCompilerBlocked>true</TypeScriptCompilerBlocked>
<PostBuildEvent>ng build --aot</PostBuildEvent>

9. Developer Command Prompt를 열고 ng build 명령을 실행합니다.
10. 오류가 없는지 확인하고 VisualStudio2017에서 디버깅 실행
초기 상태라면 「localhost/api/values」가 기동되므로 필요에 따라 변경한다(프로젝트의 프로퍼티→디버그→브라우저의 기동의 설정을 변경).

Reference
이 문제에 관하여(Angular6 환경을 VisualStudio2017에서 구축하는 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/forseti/items/619313057a8955057f5d텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)