NetBeans에서 Angular 2를 사용하려면 어떻게해야합니까?

Question

NetBeans에서 Angular 2로 작업하는 HTML/JS 프로젝트를 만들려고 할 때마다 찾을 수있는 모든 자습서를 시도했지만 어느 것도 효과가 없습니다. 어쩌면 도청당한 내 npm이 될 수 있습니다 (예 : 검색이 작동하지 않음).

npm install으로 생성 된 node_modules 폴더는 NetBeans에서 회색이며 일부 파일에 일부 오류가 있습니다 (정상적인 지 모르겠습니다). 모든 .jsnode_modules 폴더에서 가져 오려고하면 Failed to load resource: net::ERR_EMPTY_RESPONSE/Uncaught ReferenceError: System is not defined 오류가 발생합니다.

누군가 내가 뭘 잘못하고 있는지 알 수 있습니까? 또는 다운로드 할 코드가있는 자습서를 아는 사람이 있습니까? 그래서 내가하고있는 것과 비교할 수 있고 올바른 내용을 확인할 수 있습니까? 내가 찾은 모든 자습서에는 다운로드 할 코드가 없으며 설명을 위해 페이지의 일부 코드 만 있습니다. Sory 이것이 좋은 질문이 아니지만 어제부터 성공하지 않고이 작업을하려고 노력했지만 완전히 아이디어가 없습니다.

Answer 1

나는 각 CLI 설치를 권장합니다 :이 도구에 대한 npm install -g angular-cli@webpack

포어 더 많은 정보를 정기적으로, 여기 좀 봐 : https://cli.angular.io/

그런 다음 ng new <app-name>

이 의지로 새로운 Angular2 응용 프로그램을 만들 현재 폴더에서 완벽하고 작동하는 Angular2 응용 프로그램을 만듭니다.

cd <app-name> 그리고 ng serve으로 앱을 시작하십시오.

브라우저에서 새로 만든 앱을 localhost:4200에 확인하십시오.

이 방법을 사용하면 NetBeans를 시작할 수 있습니다! :)

Answer 2

먼저 내가

이 https://github.com/Everlaw/nbts/releases에서 Everlaw의 타이프 라이터 플러그인을 설치하여 node_modules 폴더에있는 오류를 최소화하기 위해, NodeJS와 NPM의 마지막 버전으로 업그레이드하는 것이 좋습니다. Netbeans 8.1을 사용하는 경우 플러그인 설치 프로그램에서 직접 설치할 수 있다고 생각합니다. NetBeans 8.2를 사용하고 있으며 플러그인을 수동으로 설치하는 데 문제가 없습니다.

NetBeans에서 도구 -> 옵션 -> HTML/JS -> Node.js으로 이동하고 올바른 노드 및 NPM 경로 및 소스를 작성하면 해당 패널의 세 개의 체크 박스를 선택하는 것이 좋습니다. .

퀵 스타트 데모를 angular.io 페이지에서 사용해보십시오. package.json을 변경할 필요가 없습니다. 처음 내가 그렇지 않은 index.html을 스크립트 소스의 변경을하거나 프로젝트 파일을 변경하기 위해 프로젝트 폴더에 직접 index.html을 파일을 넣어 각도 2 응용 프로그램을 디버깅하려고 구조 그러나 당신은 프로젝트의 일부 속성을 변경해야합니다 : 프로젝트 창에서

• 바로 프로젝트를 클릭하고 속성을 선택합니다.
• 소스에서 사이트 루트 폴더을 찾아보기 단추를 사용하여 변경하고 프로젝트 폴더를 선택합니다 (표시되는 경고는 무시할 수 있음).
• 실행 중 선택 실행 파일 : 웹 응용 프로그램.
• 나는 선택 브라우저를 사용하는 것이 좋습니다 : 크롬을 넷빈즈 커넥터
• 으로 찾아보기 단추를 프로젝트 폴더로 이동하고 시작 파일로 index.html을를 선택 사용.
• 선택 웹 서버 : Embedded Lightweight.
• 그리고 마지막에 웹 루트 쓰기/Your_Project_Folder

실행 NPM은 실행 버튼을 클릭

넷빈즈

에서를 설치하고 당신이 당신의 HTML 또는 타이프 라이터를 편집하는 경우 웹 애플리케이션은 크롬에서 열어야합니다 파일을 저장하고 저장하면 응용 프로그램을 다시 디버깅하지 않고 브라우저의 변경 사항을 실시간으로 볼 수 있으며 Browser DOM 창을 사용하여 각도 2에서 만든 요소를 ​​탐색 할 수 있습니다.

NetBeans가 HTML Angularized 구문과 완벽하게 호환되지 않기 때문에 파일에 여전히 일부 오류가 표시됩니다. 그러나 그것은 완벽하게 실행됩니다.

은 또한 라이트 - 서버를 사용하여 프로젝트를 실행 넷빈즈에서 직접 시작 스크립트를 실행할 수 있습니다.

Screenshot NetBeans - Angular 2