[Vue.js] 입문 설치 + 프로젝트생성

개요

• Vue.js도 공부좀 해볼겸.. 프로젝트를 생성하는데 시작부터 난관을 봉착하게 되어 적게된다.

시작

• Node.js 설치 -> 터미널 : npm install -g @vue/cli
• yarn 설치 -> 터미널 : npm install --global yarn
• vscode 설치 + Marketplace
  • HTML CSS Support
  • Volar(Vue Language Features)
  • Vetur
  • Vue 3 Snippets

 Vue 설치 + 프로젝트 설치

• 터미널

설치해둔 yarn을 통해 vue clint 설치

• 프로젝트 생성중 에러

띠용...?

• 해결방법
  • Windows PowerShell 프로그램을 관리자 권한으로 실행
  • Get-ExecutionPolicy 명령어를 작성하면 본인의 권한상태가 보인다.
  • 권한이 RemoteSigned 가 아니라면 Set-ExecutionPolicy RemoteSigned 를 입력
  • Get-ExecutionPolicy 명령어로 다시 한번 확인 하면 RemoteSigned로 변경 확인
    • Restricted => 모든 스크립트 막은 상태
    • RemoteSigned => 스크립트 허용

성공?

• 프로젝트 생성 성공

성공..

• yarn run serve를 통해 실행을 확인

실행!

• 그 외
  • yarn run serve  -> 127 오류 -> npm update 실행