[아이오닉 설치 및 환경설정#3] visualstudio 터미널 사용법 powerShell 관리자 권한 부여 개발 꿀팁

지난 글에서 아이오닉의 개발툴중 하나인 visualstudio를 설치하고 디렉토리 링크를 걸었다.

enjoyk.tistory.com/14

[아이오닉 설치 및 환경설정#2] 개발 툴 visualstudio.com 설치 디렉토리 링크

이번에는 visualstudio의 강점인 terminal 기능에 대하여 소개하고 사용방법을 기록하도록 하겠다.

 

깃허브를 이용하거나 각종 라이브러리를 이용할시 아래 이미지들과 같이 cmd나 gitbash를 통하여 명령어를 입력한 경험들이 있을 것이다.

cmd 명령 프롬프트 실행화면

git bash 실행화면

 

enjoyk.tistory.com/13

[아이오닉 설치 및 환경설정 #1] node 설치, ionic 설치 예제실행

위의 글에서 ionic 기본 예제를 만들고 실행해 보았다면 알 수 있듯,

앱을 실행(ionic serve)할 시 하나의 명령 프롬프트가 묶이게 된다.

앱실행과 터미널 명령어를 병행할 시 앱 실행을 종료시키고 명령어를 입력해야하는 불편함이 발생할 수 있다.

하지만 visual studio의 터미널 기능을 사용할경우 cmd 창을 통하여 ionic serve 명령어로 앱을 실행시켜 놓고

studio의 터미널로 깃 명령어나 (git init 등등) ionic 라이브러리 설치 ( npm install @ionic-native/crop 등등), 모바일에서 앱 동시 실행 등의 작업을 병행할 수 있어 효율적인 작업진행이 가능하다.

 

STEP1 

visual stuio를 실행시킨후 Ctrl +j 를 입력하여 하단 터미널 영역을 오픈한다.

터미널 영역 open 예시 이미지

STEP2 

ionic g 명령어는 ionic 프레임워크 내부 명령어로 디렉토리나 프로젝트 기본구조를 생성하는 명령어 이다.

ionic g

명령어를 통하여 터미널 권한을 확인한다.

 

STEP3 

별도의 셋팅이 없다면 아래와 같은 오류 메세지가 출력될 것이다.

ionic : 이 시스템에서 스크립트를 실행할 수 없으므로 C:\Users\User\AppData\Roaming\npm\ionic.ps1 파일을 로드할 수 없습니다. 자세한 내용은 about_Execution_Policies(https://go.microsoft.com/fwlink/?LinkID=135170)를 참조하십시오 

.

위치 줄:1 문자:1

+ ionic g

+ ~~~~~

+ CategoryInfo : 보안 오류: (:) [], PSSecurityException

+ FullyQualifiedErrorId : UnauthorizedAccess

에러 메세지 예시 화면

이 메세지는 권한이 없어서 터미널 명령어 실행이 안될시 출력되는 메세지이다. 

권한을 부여해보자.

 

STEP4 

powerShell 프로그래 관리자 권한 접속한다.

시작창 -> powershell 검색 -> 마우스 우클릭 -> 관리자 권한으로 실행

STEP5 

아래 명령어를 입력한다.

get-executionpolicy

-> restricted 결과나옴

set-executionpolicy RemoteSigned

-> 변경 선택 

y

완료

 

powershell 터미널 권한 부여 예시 이미지

결과화면 

아래와 같이 메세지가 출력된다면 정상적으로 권한이 부여된것이다.

 

결과화면 예시 이미지

 

 

이상으로 아이오닉 프로그램 설치 및 환경설정을 마친다.

다음으로는 프로그램 개발을 시작하며 프로젝트 디렉토리 기본 구조에 대한 설명과 효율적인 개발 및 유지보수를 위한 디렉토리 설계 및 생성 방법 등에 대하여 공유할 예정이다.

 

 

 

참고 링크 : https://dog-developers.tistory.com/183