AngularJS with ASP.Net MVC – Part 01

여보세요! 모두 MindzGroupTech의 다른 세션에 다시 오신 것을 환영합니다 우리는 ASP

Net MVC를 사용하여 AngularJS라는 주제로 시작하려고합니다 AngularJS 및 ASPNet MVC에서 응용 프로그램을 빌드하기 전에 우리는 모든 전제 조건이 무엇인지 알아야합니다 우리는이 세션을 위해 Visual Studio 2015를 사용할 것입니다 세션이지만 Visual Studio 2013이 있으면 또한 잘 사용할 수 있습니다

Visual Studio와 함께 우리는 bower를 사용할 것입니다 의존성을 설치하고 관리하기 위해 AngularJS와 Bootstrap과 같은 라이브러리 및 jQuery는 무엇이든 javascript 프레임 워크 또는 라이브러리 우리는 그들을 설치하기 위해 bower를 사용할 것이 요구된다 Visual Studio에서 Visual Studio에 대한 몇 가지 확장이 필요할 수 있습니다 내가 일반적으로 사용하는 가장 보편적 인 공통점 내 웹 개발 또는 응용 프로그램 개발 중에 Visual Studio 용 전동 공구 및 Visual Studio 용 웹 필수 정보 그 모든 전제 조건을 하나씩 보여 드리겠습니다 나는 이미 그 의존성과 관련된 블로그 게시물을 작성했다

당신은 앞서 가서 그 블로그 게시물을 읽을 수 있습니다 설명에서이 링크를 공유 할 것입니다 관심이 있으시면이 동영상을 통해 확인할 수 있습니다 블로그 게시물은 여기에 웹 에센셜에 대해 이야기하고 있습니다 Visual Studio의 확장 기능으로서의 생산성 전동 공구 bower를 설치하기 위해 필요한 nodejs와 함께 Bower는 우리 프로젝트의 패키지 관리자로 참여하여 무엇이 보입니까? bower는 웹 애플리케이션에 필수적인 패키지와 도구 및 구성 요소의 라이브러리입니다

개발을 통해 의존성을 설치하는 데 사용할 수 있습니다 프로젝트가 Visual Studio 프로젝트 이건 아니건 프로젝트 이건간에 단순 정적 웹 응용 프로그램을 설치하면 bower가 필요합니다 NodeJS 이 사이트에서 NodeJS를 설치할 수 있습니다 NodeJS를 다운로드하여 설치하면 PowerShell을 사용하고있는 터미널 창을 보자 NodeJS가 제대로 설치되었는지 확인하려면 이 명령을 입력하면 설치되어있는 npm의 버전을 알 수 있습니다

npm은 필요한 라이브러리와 구성 요소를 설치하는 노드 패키지 관리자입니다 귀하의 개발에 도움이 지금 내가 어떻게 bower 설치하는 방법을 알려줍니다 우리는 전 세계적으로 설치해야하는 bower를 설치해야합니다 나는 이미 배수 설비를 설치 했으므로 다시 설치하지 않을 것입니다 bower가 설치되었는지 아닌지 확인하겠습니다 이런 종류의 출력이 저기에 오면 그냥 bower로 들어가서 enter를 누르십시오

그것은 정유 공장이 이미 설치되어 있음을 의미합니다 당신이 bower의 버전을 확인하고 싶다면이 명령을 입력하십시오 내 컴퓨터에 설치 한 bower 버전은 180입니다

일단 배수가 설치되면 배어의 힘을 이용할 수 있습니다 Angular, jQuery, Bootstrap과 같은 의존성 설치하기 주어진 프로젝트에 설치할 수있는 모든 종류의 라이브러리 그래서 간단한 디렉토리를 만들어서 d로 이동할 것입니다 : 우리가 설치하려는이 디렉토리에서이 디렉토리로 변경하십시오 예를 들어 부트 스트랩으로 bower install bootstrap을 입력해야합니다 click을 클릭하면 필요한 패키지를 다운로드합니다 인터넷에서 모든 내용을 bower_components에 넣으려고합니다

이 특정 디렉토리의 폴더를 보자 우리는 bower 구성 요소를 가지고 있고 bower 구성 요소 아래에는 부트 스트랩이 있습니다 이제 bootstrap은 내부적으로 jQuery가 필요합니다 jQuery에 의존성이 있으므로 jQuery는 또한 이것과 함께 설치하면 종속성을 관리 할 수 ​​있습니다 Visual Studio에서 응용 프로그램을 시작할 때 우리는 이것과 유사한 bower를 사용하고 의존 관계를 프로젝트로 가져올 것입니다

먼저 ASP 애플리케이션을 구축 할 다음 동영상부터 시작해 보겠습니다 AngularJS 응용 프로그램을 빌드하는 데 필요한 최소한의 종속성 보고있는 주셔서 감사합니다 좋은 하루 되세요