ExchangeWorld

Exchangeworld 웹

프로젝트를 실행하는 방법

1. 노드 모듈 설치 ( ExchangeWorld~$ npm install )
2. Exchangeworld를 실행하십시오
3. gulp run (Gulp Gulp 설치가 필요할 수 있습니다. npm install gulp -g )
4. 브라우저가 자동으로 열리고 브라우저 -Sync 프록시 주소로 향합니다.
5. 생산을위한 자산을 준비하려면 gulp prod 작업을 실행하십시오 (참고 : 생산 작업은 Express 서버를 발사하지 않으며 브라우저 -Sync의 라이브 재 장전을 제공하지 않습니다. 개발 중에 gulp dev 사용하십시오. 아래의 자세한 정보).
6. 빌드 파일을 서버에 넣을 준비가되면 gulp deploy 실행하여 압축 된 빌드 DIR을 원격 서버로 전송하십시오.
7. gulp dev 실행되고 있으므로 서버도 UP가 있으며 /build 디렉토리에서 파일을 제공합니다. /app 디렉토리의 모든 변경 사항은 GULP에 의해 자동으로 처리되며 프록시 주소를 가리키는 열린 브라우저로 변경 사항이 주입됩니다.

간단한 버전

1. 터미널에서 :

 ExchangeWorld~$ npm install
ExchangeWorld~$ gulp

2. Gulp는 Browser에서 localhost:3000 열 것입니다. ヽ (ノ) ✿ﾟ▽ﾟ
3. 코딩 시작 ...

---

Angularjs

AngularJS는 단일 페이지 웹 애플리케이션을 만들기위한 MVW (Model-View-Whate) JavaScript 프레임 워크입니다. 이 보일러 플레이트에서는 모든 응용 프로그램 라우팅과 모든 프론트 엔드보기 및 논리에 사용됩니다.

AngularJS 파일은 모두 다음과 같은 방식으로 구조화 된 app/angular 내에 있습니다.
그들이 나타내는 기능의 이름이 지정된 폴더를 만듭니다. 폴더가 7 개가 넘는 파일을 포함하도록 폴더가 커지면 폴더 작성을 고려하십시오. 임계 값이 다를 수 있으므로 필요에 따라 조정하십시오.

 .
├── core
├── exchange
├── follow
│   ├── follow.controller.js  // put all related controller/service/html in same feature folder
│   ├── follow.html
│   ├── follow.module.js
│   ├── follow.route.js
│   └── follow.service.js
├── goods
├── home
├── layout
├── main.js
├── map
├── mobile
├── post
├── profile
├── seek
├── templates.js
├── tmp
└── utils

코딩 스타일

• 모든 AngularJS 관련 코드는 코딩 스타일 안내서를 따라야합니다.

• eslint를 실행하십시오.

  $ npm run lint
  
  # Auto fix
  $ npm run lint -- --fix

• JSC를 실행하십시오.

  $ npm run jscs
  
  # Auto fix
  $ npm run jscs -- --fix

의존성 주입

의존성 주입은 ng-annotate 라이브러리로 수행됩니다. 이를 활용하기 위해 형식의 간단한 의견이 있습니다.

 /** @ngInject */

각도 기능/모듈 앞에 직접 추가해야합니다. 그런 다음 GULP 작업은 종속성 주입을 추가하여 기능 호출 내의 종속성 만 지정해야합니다.