[vue] vscode에 vue 셋팅

1. vue 프로젝트 생성도와주는 도구 설치
Terminal -> new Terminal
npm install -g @vue/cli

2. extention 설치
- vetur 설치
- html css support
- Vue 3 Snippets

3. 작업할 폴더 선택(workspace 성)
file > open Folder

4. Terminal에 작성 프로젝트 만들기
C:\workspace_vue> vue create vuedongsan

이때 권한 문제로 에러나면 power-shell 관리자 권한으로 실행

$ Get-ExecutionPolicy //현재모드 확인
Restricted

//풀기
$ Set-ExecutionPolicy -ExecutionPolicy Unrestricted

//사용후 잠그기
$ Set-ExecutionPolicy -ExecutionPolicy Restricted

매번 권한 풀기가 귀찮다면 그냥 윈도우 cmd 에서 실행하면 된다

https://kikirainbow.tistory.com/105

5. 4에서 만든 하위 폴더로 이동하고 띄어놓은 Terminal에서
   npm run serve 로 띄운다

   npm run serve -- --port 3000
   

참고)

https://www.youtube.com/watch?v=NONWar0jGLM&list=PLfLgtT94nNq3Br68sEe26jkOqCPK_8UQ-&index=2&ab_channel=%EC%BD%94%EB%94%A9%EC%95%A0%ED%94%8C 

 

참고)  power shell 관련
https://zakkum.tistory.com/84
https://oyeahhh.tistory.com/170
 https://learn.microsoft.com/ko-kr/powershell/module/microsoft.powershell.core/about/about_execution_policies?view=powershell-7.3