Programming/node.js2018.08.08 16:09

기본 설치 프로그램

vscode - ms 에서 만든 거

git - vscode에서 버전관리용으로 기본으로 쓰는거

nodejs - angular나 react 등의 녀석들 패키지 관리하는 녀석(혹은 메인 패키지)

[링크 : https://code.visualstudio.com/]

[링크 : https://git-scm.com/]

[링크 : https://nodejs.org]


일단은 난 윈도우라 아래의 순서로 실행

> npm install -g @angular/cli 

node.js를 이용하여 앵귤러 콘솔 프로그램 설치

> ng new my-app

angluar를 이용하여 새로운 프로젝트를 my-app 폴더에 생성(시간이 꽤 걸림)

> cd my-app

프로젝트 폴더 들어가서

> code .

vscode를 현재 폴더 기준으로 실행(프로젝트 생성까진 아니어도 자동으로 하위 폴더 내용 끌어옴)

> ng serve

localhost:4200 에서 서버 구동함

[링크 : https://code.visualstudio.com/docs/nodejs/angular-tutorial]


vscode 플러그 인은

HTML snipper (퍼블리셔 명 Mohamed Abusaid)

Debugger for Chrome(Microsoft)

[링크 : http://gomcine.tistory.com/entry/VS-Code-Extension-설치-및-유용한-Extension-소개]


신기한게 vscode에서 수정하면 ng serve 쪽에서 자동으로 렌더링 하고 웹페이지는 자동으로 refresh된다.

'Programming > node.js' 카테고리의 다른 글

node.js 와 v8  (0) 2018.08.29
node.js odroid  (0) 2018.08.29
node.js refresh  (0) 2018.08.17
vscode 및 angular.js 셋팅..  (0) 2018.08.08
html5 / css3 / jquey ajax / angularJS  (0) 2018.08.08
typescript - ts  (2) 2018.08.07
Posted by 구차니

댓글을 달아 주세요