이전과정
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 설치 파일과 정보를 확인해볼 수 있다.


---시작하기

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 |