이오닉 프로젝트 만들기 항상 인터넷에서 파일을 다운로드하십시오.

Question

저는 이오닉 프로젝트를 개발하는 초보자입니다. 모든 예제 템플릿 프로젝트를 사용할 준비가되어 있고 그걸 잘 알고 있습니다. 관리가 가능하고 예제를 실행할 수 있습니다.

새 프로젝트를 만들려고하면 [ionic start LoginDemo blank], Windows에서 CMD를 사용하여 인터넷에서 ionic app base 파일을 다운로드하기 시작했습니다.

내가 안드로이드 을위한 플랫폼을 만들려고

, 그것은 인터넷에서 안드로이드 버전을 실행하는 데 필요한 모든 리소스를 다운로드하기 시작 [이온 플랫폼은 안드로이드 추가].

그래서 제 질문은 우리가 이온에서 새 프로젝트를 만들 때마다 는 필요한 모든 파일은 인터넷에서 다운로드입니다. 한 번 파일을 다운로드하고 인터넷에서 매번 다운로드하는 대신 새 프로젝트를 만들 때 표준 dev 환경을 설정할 수있는 방법이 있습니까? [프로젝트를 만드는 동안 인터넷에서 매번 파일 다운로드] .

이 부분에 대한 명확한 설명은 매우 감사하겠습니다. !! !! 모든 도움에 감사드립니다.

나는 친절하게 알려주지 않으면 알려주세요.

Answer 1

CLI를 올바르게 실행하는 데 올바른 구성을 사용하면됩니다. 그러나 나는 이것을 반대 할 것이다. 모든 파일을 다운로드하면 각 파일의 최신 안정 버전을 가져옵니다. 이것은이 파일의 일부 패치에서 수정 된 잠재적 인 버그를 제거하는 데 도움이됩니다.

문제를 해결할 수있는 방법으로 대부분의 환경에서 사용할 수있을만큼 유연한 서비스/컨트롤러/지시문을 작성하십시오. 템플릿 서비스와 도우미 메서드를 만드는 것은 올바르게 코딩 된 경우 효율적일 수 있습니다.

예를 들어, 내 프로젝트의 경우 사용자에게 멋진 대화 상자를 제시 할 수있는 방법이 필요합니다. 이것은 꽤 보편적 인 기능입니다. 그래서 나는 그것을 위해 해낸 서비스를 썼습니다. 나는 모든 애플 리케이션에서 이것을 사용하며, 동일한 코드를 반복해서 재 작성할 필요가 없기 때문에 효율성이 높아진다. 파일을 내 디렉토리에 복사하고 참조하는 것입니다. 그래서

var module = angular.module('PopupModule', []); 

module.service('PopupService', ['$ionicPopup', function ($ionicPopup) { 
    var factory = {}; 

factory.ConfirmDialog = function (title, contents, actionName) { 
    var data = {}; 

    return $ionicPopup.prompt({ 
     title: title, 
     inputType: 'input', 
     inputPlaceholder: contents 
    }); 
} 

factory.MessageDialog = function (message) { 
    var alertPopup = $ionicPopup.alert({ 
     title: 'Message', 
     template: message 
    }); 
}; 

factory.InitializeModal = function ($ionicModal, $scope, templateUrl) { 
    $ionicModal.fromTemplateUrl(templateUrl, { 
     scope: $scope, 
     animation: 'slide-in-up', 
    }).then(function (modal) { 
     $scope.modal = modal; 
    }); 

    $scope.openModal = function() { 
     $scope.modal.show(); 
    }; 

    $scope.closeModal = function() { 
     $scope.modal.hide(); 
    }; 

    //Cleanup the modal when we're done with it! 
    $scope.$on('$destroy', function() { 
     $scope.modal.remove(); 
    }); 

    // Execute action on hide modal 
    $scope.$on('modal.hidden', function() { 
     // Execute action 
    }); 

    // Execute action on remove modal 
    $scope.$on('modal.removed', function() { 
     // Execute action 
    }); 
}; 

return factory; 
}]);