행위

"Vue.js 설치"의 두 판 사이의 차이

DB CAFE

(Windows에서 Vue.js 설치 (vue3))
(Windows에서 Vue.js 설치 (vue3))
 
(같은 사용자의 중간 판 3개는 보이지 않습니다)
2번째 줄: 2번째 줄:
 
=== Windows에서 Vue.js 설치 (vue3)===  
 
=== Windows에서 Vue.js 설치 (vue3)===  
 
* 사전 준비
 
* 사전 준비
 
 
{{알림
 
{{알림
 
|내용= Power Shell 보안 설정
 
|내용= Power Shell 보안 설정
 
<source lang=bash>Set-ExecutionPolicy Unrestricted</source>
 
<source lang=bash>Set-ExecutionPolicy Unrestricted</source>
#"Set-ExecutionPolicy Unrestricted" 은 PowerShell의 실행 정책을 변경하는 명령 옵션
+
 
 +
'''"Set-ExecutionPolicy Unrestricted" 은 PowerShell의 실행 정책을 변경하는 명령 옵션'''
 +
 
 
* Set-ExecutionPolicy: PowerShell의 실행 정책을 설정하는 명령어
 
* Set-ExecutionPolicy: PowerShell의 실행 정책을 설정하는 명령어
 
* Unrestricted: 실행 정책을 Unrestricted 로 설정 (PowerShell 스크립트 파일을 실행하는 데 제한을 두지 않음.)
 
* Unrestricted: 실행 정책을 Unrestricted 로 설정 (PowerShell 스크립트 파일을 실행하는 데 제한을 두지 않음.)
13번째 줄: 14번째 줄:
 
==== node js 설치 ====
 
==== node js 설치 ====
 
* node.js 다운로드 https://nodejs.org/ko/download
 
* node.js 다운로드 https://nodejs.org/ko/download
 +
  
 
==== npm install vue ====
 
==== npm install vue ====
18번째 줄: 20번째 줄:
 
npm install vue
 
npm install vue
 
</source>
 
</source>
 +
  
 
==== vue cli 설치 ====
 
==== vue cli 설치 ====
30번째 줄: 33번째 줄:
 
vue create hello_world
 
vue create hello_world
 
</source>  
 
</source>  
 +
  
 
==== 결과 확인 ====
 
==== 결과 확인 ====

2024년 1월 19일 (금) 20:17 기준 최신판

thumb_up 추천메뉴 바로가기


1 vue.js 설치[편집]

1.1 Windows에서 Vue.js 설치 (vue3)[편집]

  • 사전 준비
assignment Power Shell 보안 설정
Set-ExecutionPolicy Unrestricted

"Set-ExecutionPolicy Unrestricted" 은 PowerShell의 실행 정책을 변경하는 명령 옵션

  • Set-ExecutionPolicy: PowerShell의 실행 정책을 설정하는 명령어
  • Unrestricted: 실행 정책을 Unrestricted 로 설정 (PowerShell 스크립트 파일을 실행하는 데 제한을 두지 않음.)


1.1.1 node js 설치[편집]


1.1.2 npm install vue[편집]

npm install vue


1.1.3 vue cli 설치[편집]

npm install -g @vue/cli


1.1.4 vue 프로젝트 생성[편집]

cd 패키지_폴더
vue create hello_world


1.1.5 결과 확인[편집]

1.1.6 실행 run[편집]

npm run serve

http://localhost:8080/