본문 바로가기

웹 퍼블리셔 기록/Vue3

Vue 프로젝트를 시작하자! [시작부터 오류발생...... 해결방법은!!!?]

계획만 해서는 안된다!

일단 시작을 하자!

 

작업 운영체제는 윈도우 (Window)

npm 설치 시 맥에 비해서 오류가 많이 난다고 하는데..

조금 걱정이 된다!

 

 

 

그래도 도--전!!!!!!!

 

 

 

 

 

Vue3 프로젝트 시작 순서!

 

1. 프로젝트 폴더 아무 곳에나 생성

 

2. Vscode 에서 오픈 폴더 => 생성한 폴더 불러오기

 

3. 터미널에  npm install -g @vue/cli  입력!!!

 

 

 

 

후후....아니나 다를까

바ㅡ로 오류 발생!!!!

("허가되지 않은 스크립트 어쩌구 저쩌구") ㅡ.ㅡ

 

 


 

해결 방법 ????

 

 

윈도우 검색메뉴(돋보기) 에서

Powershell을 검색하면

"Windows Powershell" 이 뜨는데

여기 우클릭을 해서 관리자 권한으로 실행!!

 

그리고 

 

 Set-ExecutionPolicy Unrestricted 

 

를 토씨하나 안틀리고 작성하고

아마 YES 로 Y 를 누르라고 할것임!

Y누르면 끝!!!

 

그럼 이제 npm 으로 하는 거 다 잘될 거임!!!

 

[출처 : 갓 코딩애플 강의 - 이렇게 잘 가르치는 선생님 본적 없음 얼른 강의 신청하러 고고고고고]

 

 


 

 

자, 이제 다음단계인

 

4. "vue create 프로젝트명" 작성하기!!

 

저는 vue create junevue 라고 생성했습니다. 히히

 

작성하고 나면

 

 Your connection to the default yarn registry seems to be slow. 
   Use https://registry.npmmirror.com for faster installation? 

 

이렇게 뜨는데

Y/N 중 N 선택하여 취소!!! (이유는 몰라 걍 노노해여)

 

그 다음에 Vue3 / Vue2 중에 뭐 설치할래

Yarn / Npm 둘 중에 뭐 사용할거야

이런거 물어봅니다.

 

저는 Vue3, Npm 사용한다고 하고 넘어갔어요!

 

 

이렇게 설정을 다 해놓고 나면

 

하위폴더로 junevue 로 프로젝트 폴더가 생성이 됩니다!!!!!

 

 

그러면 이 생성된 폴더를 다시 vscode에서 오픈 폴더 해서

프로젝트 시작하면 됩니다!!!!!!

 

 

자, 설치까지 고생고생해서 잘 왔습니다.

 

이제 프로젝트 시작해볼까요!!