Vue 3 설치 입니다. - WastepaperBasket/Vue.js GitHub Wiki

🙌안녕하세요 Vue 설치과정입니다.

  • 에디터 부가 기능

    • Vetur
    • Vue 3 snippets,
    • HTML / CSS / Support
  • vue설치하기

    에디터에서 터미널 열고 npm install -g @vue/cli 입력
    
  • 미리보기

     npm run serve
    
  • *파일만들기

    vue create 프로젝트명
    
  • Node.js 설치하면 npm 사용

  • npm? 각종 웹개발 라이브러리 설치 도우미

  • npm @vue/cli설치 가능! vue 프로젝트 빠르게 생성해주는 라이브러리.

  • 프로젝트 생성 vue create 프로젝트명

    App.vue가 메인페이지! 크롬은 .vue파일 그런걸 못염 
    
    App.vue HTML 로 컴파일 -> index.html
    node_modules -> 프로젝트에 쓰는 라이브러리들
    src -> 소스코드 다 담는곳
    public -> HTML 파일 , 기타파일 보관
    package.json -> 라이브러리 버전, 프로젝트 설정기록
    

20230115_215341 20230115_215400 20230115_215444

 에디터에서 터미널 열고 npm install -g @vue/cli 입력

20230115_215544 20230115_215559 20230115_215615 20230115_215925

여기서 잠깐 !

  ※ 오류가 난다면 ... 상위 설치과정을 클릭해주세요.

20230115_220619 20230115_221156 20230115_221209

윈도우 Powershell에서 빨간글씨로 '보안오류'?
"허가되지 않은 스크립트 입니다.... " 이러한 에러가 뜨면
윈도우 검색메뉴 (돋보기) - Powershell 검색 - 우클릭 - 관리자 권한으로 실행
Set-ExecutionPolicy Unrestricted 틀리지않고 입력
해결완료