행위

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

DB CAFE

(새 문서: == vue.js 설치 == === Windows에서 Vue.js 설치 (vue3)=== * 사전 준비 # power shell 보안 설정 <source lang=bash> Set-ExecutionPolicy Unrestricted </source> {{알림 |...)
 
(Windows에서 Vue.js 설치 (vue3))
 
(같은 사용자의 중간 판 7개는 보이지 않습니다)
2번째 줄: 2번째 줄:
 
=== Windows에서 Vue.js 설치 (vue3)===  
 
=== Windows에서 Vue.js 설치 (vue3)===  
 
* 사전 준비
 
* 사전 준비
# power shell 보안 설정
 
<source lang=bash>
 
Set-ExecutionPolicy Unrestricted
 
</source>
 
 
 
{{알림
 
{{알림
|내용= '''"Set-ExecutionPolicy Unrestricted" 은 PowerShell의 실행 정책을 변경하는 명령 옵션'''
+
|내용= Power Shell 보안 설정
# 실행 정책은 PowerShell 환경에서 스크립트 파일을 실행할 수 있는 권한 수준을 제어하는 보안 기능.
+
<source lang=bash>Set-ExecutionPolicy Unrestricted</source>
## Set-ExecutionPolicy: PowerShell의 실행 정책을 설정하는 명령어
+
 
## Unrestricted: 실행 정책을 Unrestricted 로 설정
+
'''"Set-ExecutionPolicy Unrestricted" 은 PowerShell의 실행 정책을 변경하는 명령 옵션'''
##: : PowerShell 스크립트 파일을 실행하는 데 제한을 두지 않음.
+
 
 +
* Set-ExecutionPolicy: PowerShell의 실행 정책을 설정하는 명령어
 +
* Unrestricted: 실행 정책을 Unrestricted 로 설정 (PowerShell 스크립트 파일을 실행하는 데 제한을 두지 않음.)
 
}}
 
}}
  
 
==== node js 설치 ====
 
==== node js 설치 ====
 
* node.js 다운로드 https://nodejs.org/ko/download
 
* node.js 다운로드 https://nodejs.org/ko/download
 +
  
 
==== npm install vue ====
 
==== npm install vue ====
22번째 줄: 20번째 줄:
 
npm install vue
 
npm install vue
 
</source>
 
</source>
 +
  
 
==== vue cli 설치 ====
 
==== vue cli 설치 ====
30번째 줄: 29번째 줄:
  
 
==== vue 프로젝트 생성 ====
 
==== vue 프로젝트 생성 ====
 
+
<source lang=bash>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
cd 패키지_폴더
 
cd 패키지_폴더
 
vue create hello_world
 
vue create hello_world
+
</source>
 
 
 
 
 
6. 결과
 
 
 
 
  
  
+
==== 결과 확인 ====
  
 
   
 
   
 
+
==== 실행 run ====
7. 실행 run  
+
<source lang=bash>
 
 
 
npm run serve
 
npm run serve
+
</source>
 
 
그럼 아래와 같은 결과가 나온다. http://localhost:8080/
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
좋아요공감
 
공유하기게시글 관리
 
구독하기
 
TAG
 
install vuejs, Vue, vue install, Vue3, vue3 install, vue3 설치, vuejs, window vue install, window vuejs install, window 뷰 설치
 
관련글
 
Object of type datetime is not JSON serializable
 
2023.07.14
 
[Python] AttributeError: module 'lib' has no attribute 'SSL_CTX_set_ecdh_auto' 에러 해결 방법
 
2023.06.19
 
MongoDB Atlas search Index Knn 사용방법 ( 비슷한 문서 찾기 )
 
2023.06.08
 
How to use Google bard for free ( with. Python )
 
2023.06.04
 
댓글 0
 
Ram, sTORy
 
IT 지식을 최대한 자세히 공유하는 Ram, sTORy 는 IT 전문 블로거입니다. 프로그램 언어부터, 데이터베이스, AI, 빅데이터 등 다양한 내용을 누가나 쉽게 접근하고 이해할 수 있습니다. 저의 IT 현업에서 지식을 공유하고, 함께 나누는 자리가 되었으면 좋겠습니다.
 
  
구독하기
+
http://localhost:8080/
이름
 
비밀번호
 
댓글을 입력해주세요.
 
비공개 댓글 남기기
 
티스토리
 
© 2018 TISTORY. All rights reserved.
 
Ram, sTORy구독하기
 

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/