Front-end/Vue.js

[VSCODE]VUE 프로젝트 실행하기

KHS-Desktop 2023. 6. 16. 15:05
반응형

https://myprograming.tistory.com/entry/VSCODE-vue-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-%EC%83%9D%EC%84%B1%ED%95%98%EA%B8%B0

 

[VSCODE ]vue 프로젝트 생성하기

사전에 Vue CLI 설치가 필요하다. https://myprograming.tistory.com/entry/VUE-CLI%EC%84%A4%EC%B9%98 VUE CLI설치 VUE CLI란? vue commandline interface : 간단히 말하면, 개발환경을 세팅해주는 도구. 프로젝트 구조를 자동적

myprograming.tistory.com

  • 위에서 프로젝트를 생성하는 것 까지 완료!

 

 

  • 터미널에 npm run serve 입력




  • 위의 local 혹은 network의 주소를 ctrl+마우스 왼쪽버튼 클릭하면, 크롬에서  아래와 같은 화면을 확인할 수 있다.

  • 위의 화면에서 vue create test 명령어로 default 로 설치했으므로,  Installed CLI Plugins에 babel , eslint가 적혀있는것을 볼수 있다.

 

반응형