Development-enviorment setting

TIL, angular

Eslint

1
2
3
4
5
6
7
8
9
10
11
12
13
$ npm init --y
$ npm install -save-dev eslint
$ ./node_modules/.bin/eslint --init
? How would you like to configure ESLint?
Use a popular style guide
? Which style guide do you want to follow?
Airbnb
? Do you use React?
No
? What format do you want your config file to be in?
JavaScript

Angular CLI

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
// Angular CLI 설치하기
$ npm install -g @angular/cli
// 프로젝트 폴더 생성 (스캐폴딩됨)
$ ng new <name>
// 컴포넌트 생성시 폴더 구성 조정하며 한번에 만들기 (.ts / .html / .css / .spec.ts)
$ ng new my-app -it -is -spec false -flat
$ ng new my-app -it -is -skip-tests
$ ng new my-app -it -is -st
1. [-it] .html 템플릿 안생기게
2. [-is] .css 스타일 안생기게
3. [-spec false] spec.ts  안생기게
4. [-flat] 폴더 구성X -> 파일로
// 구동시키기 & 오픈
$ ng serve -o
// 포트 겹칠 시, 포트 바꾸기
$ ng serve --port 4201
// 배포
$ ng build
// 기본 style, scss로 적용
$ ng new sass-project --style=scss