AngularJS 부트 스트랩 프론트 엔드 프레임 워크 - 준비 작업

저자：Eve Cole 업데이트 시간：2025-08-02 06:48:02

1. 나는 Angularjs가 무엇인지, 부트 스트랩이 무엇인지에 대해별로 말하지 않을 것입니다. 간단히 말해서 AngularJS는 비교적 강력한 프론트 엔드 MVC 프레임 워크입니다. Bootstrap은 Twitter에서 시작한 프론트 엔드 개발을위한 오픈 소스 툴킷입니다. 웹 프론트 엔드를 신속하게 구축 할 수 있습니다. 공식 웹 사이트로 이동하여 (Angularjs : http://angularjs.org/, bootstrap : http://twitter.github.io/bootstrap/)를 확인할 수 있습니다.

2. Github에는 Pure AngularJS 앱의 비교적 좋은 씨앗이 있습니다. Github에서 다운로드 할 수 있습니다. 주소 : https://github.com/glitchtank/angular-seed-master.

3. 다운로드 된 각도 시드 마스터-마스터 .zip을 폴더로 압축 한 다음 다음과 같이이 앱의 프로젝트 구성을 볼 수 있습니다.

앱 :이 폴더에는 앱, CSS 및 JS와 관련된 종속성과 페이지 등이 포함되어 있습니다.

CSS : 프로젝트의 CSS 파일이 배치됩니다

IMG : 이미지를 넣는 것

JS : 컨트롤러, 필터, 서비스 등을 포함하여 프로젝트와 관련된 JS에 참여하는 것.

LIB : 우리가 배치하는 것은 Angular 및 Bootstrap 관련 라이브러리를 포함하여 우리가 의지하는 JS입니다.

다른 HTML 파일

당분간 다른 폴더, 아마도 일부 스크립트 (노드 정보) 및 각 테스트를위한 다른 폴더를 알 필요가 없습니다.

4. 우리 프로젝트는 노드로 시작해야합니다. 당신이 그것을 모른다면, 그것은 중요하지 않습니다. 다른 블로그를보십시오 : http://blog.csdn.net/jthink_/article/details/9707895 (Linuix는 Windows와 유사하므로 Google을 실제로 모르는 경우).

5. Windows 아래에 있기 때문에 CMD를 열고 Angular-Seed-Master-Master 폴더를 입력 한 다음 명령 노드 스크립트/Web-Server.js를 입력하십시오 (또는 Supervisor Scripts/Web-Server.js를 사용하여 Supervisor가 설치되어 있음).

6. 크롬 브라우저를 엽니 다 (여기에서 크롬 또는 파이어 폭스를 사용하는 것이 좋습니다. 64 비트 운영 체제는 Waterfox를 사용할 수 있음) 주소를 입력하면 http : // localhost : 8000/app/index.html을 입력하면 간단한 페이지가 나오는 것을 볼 수 있습니다. 간단하게 보지 마십시오. 작지만 모든 MVC 관련 품목이 포함되어 있습니다.

위의 것은 프론트 엔드 프레임 워크가 장착 된 부트 스트랩에 대한 정보를 편집 한 것입니다. 우리는 향후 관련 정보를 계속 추가 할 것입니다. 이 사이트를 지원 해주셔서 감사합니다!