상세 컨텐츠

본문 제목

어디까지 UI개발자가 해야하는걸까 고민하다가 (1-1)

vue js 따라하기

by binbing 2021. 2. 22. 17:03

본문

node.js가 깔려있어야 vue플젝을 생성할 수 있던거 였다

당연히 내 컴퓨터에 node.js가 깔려있단 생각에 나름 수월?하게 플젝을 생성하긴 했는데

(필요하신 분은 여기서 node.js 다운로드 : https://nodejs.org/ko/)

 

저번엔 vscode로 vue 플젝을 설치했는데

이번엔 cmd로 해보려고 한당

그리고 scss를 통해서 스타일을 작성할거당

 

 

1. 시작버튼 > cmd 검색 > 명령 프롬프트 클릭해서 오픈!

시작버튼 > cmd 검색 > 명령 프롬프트 클릭해서 오픈!

 

 

2. 저 위치에 안만들거니까 원하는 위치로 이동!

cd ../../

상위 폴더로 2번 올라가고

 

vue create vue_test

바로 뷰프로젝트 생성!

 

Invalid project name: "vueTest"
Warning: name can no longer contain capital letters (대문자 사용 못해요)

대문자로 플젝명을 사용하면 오류가 난다

(vueTest, vue_Test, Vuetest, Vue_test 등등)

 

 

3. 자체적으로 설정해본다 해서 큰일나는거 없겠지

Manually select features 선택

 

Router 랑 css pre-processors 선택(스페이스바로 선택)

 

x 선택

 

y 선택

 

sass/scss (with node-sass) 선택

 

ESLint + Prettier 선택

- Prettier : 코드 자동 정렬

- ESLint (ES + Lint)  : 소스코드를 분석해 문법 에러, 버그를 찾기

[출처 : yeonzzy.tistory.com/2]

 

Lint on save 선택 (저장시 문법/버그 검사)

 

package.json (선택 설정 값들을 config 파일로 관리할지, package.js 에서 관리할지)

 

y 선택

 

★완료★

 

 

 

4. scss를 쓰면 화면에 적용이 바로 될까?

   해보자해보자 (내일)

관련글 더보기

댓글 영역