계획만 해서는 안된다!
일단 시작을 하자!
작업 운영체제는 윈도우 (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에서 오픈 폴더 해서
프로젝트 시작하면 됩니다!!!!!!
자, 설치까지 고생고생해서 잘 왔습니다.
이제 프로젝트 시작해볼까요!!
'웹 퍼블리셔 기록 > Vue3' 카테고리의 다른 글
[vue3] v-for 를 정복해버렸다...!!!!! (0) | 2022.03.16 |
---|---|
[Vue3] 버튼 클릭 시 입력한 값 : data 값에 등록 (0) | 2022.01.05 |
[Vue3 + TS] Event Target 에러 (0) | 2021.10.25 |