본문 바로가기
매일코딩/리눅스-우분투

우분투16.04 Visual Studio Code와 Angular cli 설치하기

by 인생여희 2017. 7. 31.
반응형

우분투16.04 Visual Studio Code와 Angular cli 설치하기 


#Visual Studio Code 설치



#GPG키 다운로드 위해 필요한 패키지 설치

sudo apt-get install curl


#GPG 키를 다운로드 후  /etc/apt/trusted.gpg.d 경로에 복사

sudo sh -c 'curl https://packages.microsoft.com/keys/microsoft.asc | gpg --dearmor > /etc/apt/trusted.gpg.d/microsoft.gpg'


#VSCD 다운 받기 위한 저장소 설치

sudo sh -c 'echo "deb [arch=amd64] https://packages.microsoft.com/repos/vscode stable main" > /etc/apt/sources.list.d/vscode.list'


#추가한 저장 소로 부터 패키지 목록 가져오기 

sudo apt-get update


#VS CODE 설치 

sudo apt-get install code






#ANGULAR 설치

npm install -g @angular/cli


#버전확인

ng -v


#프로젝트 생성

ng new 플젝이름


#생성한 프로젝트로 폴더로 이동해서 서버 실행

cd 플젝폴더

ng serve


#접속

웹브라우저에 localhost:4200 입력





#참고: ANGULAR CLI 설정 명령 


ng build -> dist 폴더 (생성됨)


ng g c contact     -> 자동으로 어플리케이션을 만들어 준다


ng g c home -it -is --spec false --flat


ng g c home -it -is --spec false


ng g c home/contact -it -is --spec false 

(home 폴더 밑에 contact 인라인 템플릿 인라인 스타일 )




반응형

댓글