프로그래밍 공부/Vue.js \ React

Vue.js 시작하기

알 수 없는 사용자 2020. 3. 9. 13:26

 


Vue.js 시작하기


 

 

1. Vue.js 설치하기

 Vue.js 공식 사이트가서 가이드를 그대로 하면 된다.

 

- node.js 설치

 

  node, npm 버전 확인하기

  node.js가 잘 설치되었는지 확인해 본다.

 

 

- VScode 설치

  

VSCode 터미널 들어가서

  $ npm install vue

로 Vue.js 최신 버전을 설치

 

 


[Error 메세지] 

이 시스템에서 스크립트를 실행할 수 없으므로 파일을 로드할 수 없습니다.

자세한 내용은about_Execution_Policies를 참조

 

window 파워쉘 가서 

Get-ExecutionPolicy

확인

 

Restrict 이면 

Set-ExecutionPolicy / RemoteSigned

으로 설정을 바꾸어준다.

그 다음부터 다시 차근차근 진행하면서 설치하며 된다.


 

 

- Vue 설치 후 VueCli 설치

 

설치한 다음

프로젝트 폴더 만들고

vue create

하면 된다.

 

만들어서

npm run ***** 

하면 

 

프로젝트 화면 결과가 출력되는 

Local , Network 주소 두 개가 뜬다.

 

Vue.js 전용 크롬 개발 앱을 깔면 좀 더 예쁘게 구조를 파악할 수있다.

 

 

'프로그래밍 공부 > Vue.js \ React' 카테고리의 다른 글

3. Vue.js 작동 순서  (0) 2020.03.12
2. Vue.js 기본 앱 분석 - 1  (0) 2020.03.09