Vue 세팅하기

 • Vsc extension에서 vetur 설치

 

• Npm으로 vue 설치

https://www.npmjs.com/ 

• 개발자들이 상상하는 기능들을 왠만한 거 다 만들어놔서 갖다 쓸 수 있음.
• 터미널로 이동 !

 

• 

 

• 

•  Cli(Command-line interface) 설치

 

 

• test01 만들기(프로젝터 생성)

• Vue3 설치

*VSC에서 잘 안된다 ?! => 터미널로 이동해서 하자(주의: vue 폴더로 이동한 후 명령어 입력)

 

잠깐 VSC 터미널에서 되게 하는 법 !

 

- VSC 터미널을 관리자 권한으로 실행하고 아래 명령어를 입력한다. 그럼 해결 !

 

• cd test01

npm run serve

 

 

-에러 날시 : npm install @vue/cli-service@5.0.0-beta.0 @vue/cli-plugin-babel@5.0.0-beta.0 @vue/cli-plugin-eslint@5.0.0-beta.0 @vue/cli-plugin-vuex@5.0.0-beta.0

* 터미널 탈출은 ctrl+C를 누르면 된다

 

• 다시 npm run serve

 

-또 에러가 날시

Test01에 vue.config.js에

module.exports = {

    lintOnSave: false

  }

입력하기 -> lint를 쓰지 않겠다 선언

다시 test02로 이동한 후

npm run serve 입력

 

주소창에 localhost:8081이라고 입력