꾸준히 성장하는 개발자

vue.js - CDN, npm , CLI 설치 본문

Vue.js

vue.js - CDN, npm , CLI 설치

ahleum 2022. 4. 19. 21:30

https://v3.ko.vuejs.org/

 

Vue.js

 

v3.ko.vuejs.org

Veu.js 버전3 사이트

 

vue.js 사용, 설치 방법 

 

1. CDN

간단한 프로젝트를 하거나 할때는 CDN으로 사용하는것도 편리하게 사용할수 있다.

<script src="https://unpkg.com/vue@next"></script>

<head> 태그 안에 CDN을 추가해준다

 

2. npm 

3. CLI 설치

https://cli.vuejs.org/guide/creating-a-project.html

 

Creating a Project | Vue CLI

Creating a Project vue create To create a new project, run: WARNING If you are on Windows using Git Bash with minTTY, the interactive prompts will not work. You must launch the command as winpty vue.cmd create hello-world. If you however want to still use

cli.vuejs.org

 

 

npm install -g @vue/cli

터미널에 입력

원하는 위치로 이동후

vue create [생성할 폴더이름]

프로젝트를 시작할 폴더이름과 함께 입력하고 프로젝트를 실행해보자

 

 

에러 발생... 이 시스템에서 스크립트를 실행할 수 없으므로.....

https://hellcoding.tistory.com/entry/VSCode-%EC%98%A4%EB%A5%98-%EC%9D%B4-%EC%8B%9C%EC%8A%A4%ED%85%9C%EC%97%90%EC%84%9C-%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8%EB%A5%BC-%EC%8B%A4%ED%96%89%ED%95%A0-%EC%88%98-%EC%97%86%EC%9C%BC%EB%AF%80%EB%A1%9C

 

VSCode 오류 : 이 시스템에서 스크립트를 실행할 수 없으므로 ...

VSCode 오류 : 이 시스템에서 스크립트를 실행할 수 없으므로... VSCode의 터미널을 통하여 npm혹은 yarn을 사용하여 처음 작업을 수행할 때, 다음과같은 에러가 발생할 수 있습니다. 내용은 "이 시스템

hellcoding.tistory.com

구세주 발견!!!!! 여기 가보면 이유와 해결방법을 알 수 있다.

 

 

 

해결하고 다시 설치를 진행하면 이런 문구가 나오는데 크게 상관은 없다 난 no해야징

 

캡쳐가 흐리지만.... 아무튼 버전들중 어떤것을 사용할것이냐는 물음이다. 

난 v3을 설치할거라 v3을 선택하고 엔터를 눌러준다.

조금 기다려 보면 설치가 완료된다.

'Vue.js' 카테고리의 다른 글

[Vue.js] 템플릿 문법  (0) 2023.01.05
[Vue.js] Provide , Inject  (0) 2023.01.03
[Vue.js] v-if / v-show  (0) 2022.12.28
[Vue.js] script안에 들어가는 옵션 정리 /라이프 사이클 훅  (0) 2022.12.26
'Vue.js' Related Articles more