본문 바로가기

개발을 위한 준비/설치 및 설정

node js 시작하기

이전과정

2022.09.19 - [시작하기] - node js 설치하기

 

node js 시작하기

javascript 문법으로 사용할 수 있다.

node -> node js 시작

ctrl c -> node js 종료

 

npm으로 vue install하기

npm

npm install -g @vue/cli

 

필자는 설치 중간 enter를 쳐줘야했다. -아닐 수도 있다.

 

 

npm 설치 파일과 정보를 확인해볼 수 있다.

https://www.npmjs.com/

 

---시작하기

vue_test 폴더를 만들고 해당 주소를 복사해서 프롬포트창에 cd + 복사한 주소 형식으로 붙인다

화살표를 이동해서 사진과 같이 2번째 것을 고르고 enter

 

cd hello

npm run serve

 

주소창에 입력한다

 

visual studio code 에서 vue_test안에 있는 hello 폴더 열기

 

vetur 을 install 한다.

ESLint install

Vue Language Features install

 

단순화 작업

HelloWorld.vue 에 있는 내용 일부를 지워준다.

 

 

app.vue 도 단순화시킨다.

 

작성방식은 과거의 vue 학습했던 것과 비슷하다

2022.09.16 - [javascript/jquery] - Step01~04 (html, css 접근, event)

일부분을 안쓰고 줄여 사용가능하다

 

hello 폴더 안에서

shift 우클릭

git bash로 대체가능하다

 

ctrl c (2회)로 서버 종료 , npm run serve로 서버 시작을 할 수 있다.

'개발을 위한 준비 > 설치 및 설정' 카테고리의 다른 글

mariaDB 설치하기 및 자료  (0) 2022.10.11
파이썬 환경 설치하기  (0) 2022.09.30
node js 설치하기  (0) 2022.09.19
spring DB, mybatis 설정  (0) 2022.08.31
spring 간편 설정 (emmet, templates )  (0) 2022.08.30