[초간단] Visual Studio Code에서 Vue.js 설치하기

● vue-cli 설치하기
    ▶터미널에서 "npm install -g @vue/cli" 입력 (반드시 @ 붙여야 함) 또는 "yarn global add @vue/cli" 입력

●vue-cli로 프로젝트 생성하기
    ▶터미널에서 "vue create my-project" 입력
        ◆Please pick a preset 항목에서 default(babel, eslint) 선택
    ▶터미널에서 "cd my-project"를 입력하거나, visual studio code의 폴더를 my-project로 이동
    ▶터미널에서 "npm run serve"를 입력하면 웹에서 최종 실행 화면을 볼 수 있음

[오류처리]
터미널에서 "vue create" 명령어 입력시 아래와 같은 오류가 발생할 수 있습니다.

vue : 이 시스템에서 스크립트를 실행할 수 없으므로 C:\Users\username\AppData\Local\Yarn\bin\vue.ps1 파일을 로드할 수 없습니다. 자세한 내용은 about_Execution_Policies(https://go.microsoft.com/fwlink/?LinkID=135170)를 참 조하십시오. 위치 줄:1 문자:1 + vue + ~~~ + CategoryInfo : 보안 오류: (:) [], PSSecurityException + FullyQualifiedErrorId : UnauthorizedAcces

이는 윈도우 파워쉘에서 실행했을 때 발생하는 증상으로, 이 때는 "vue.cmd create"로 사용하면 됩니다.

●vue-router 설치하기
    ▶vue add router 입력
    ▶history mode 사용 yes

●vuex 설치하기
    ▶vue add vuex 입력

●vuetify 설치하기
    ▶vue add vuetify

●axios 설치하기
    ▶vue add axios