어쩌다 Vue.js 01 _ 환경설정

개발 외주 프로젝트를 맡게 되었는데, 초반에는 Vanilla JS로 개발을 요청받았으나,

유지보수 측면을 고려하여 최근 프론트 개발자가 많이 사용하는 Vue.js 프레임워크로 개발을 하게 되었다. (+반응형 web-app 개발)

 

Vue를 많이 사용하는 이유가 궁금해서 찾아봤는데, (1) 문법이 직관적이고(html 형식에 더 가까운 듯) (2) 직관적인 디렉티브 DOM조작이 가능하여(v-if, v-for 등), (3) 더 명확한 가이드라인... 등의 이유라고 한다.

 

 

개발을 위해서는 node.js 설치 후 

터미널에서 아래와 같이 실행시켰다. 

npm install vue

npm install -g @vue/cli

npm create (프로젝트명) -- 이후 버전 선택가능. vue3 설치 

cd (프로젝트명)

 

 

+ create할 때 오류가 났는데, 아래와 같은 방법으로 해결했다

window powershell에서 관리자 권한 실행

get-ExecutionPolicy

후 출력물 확인 : Restricted으로 되어있었는데

권한설정이 Restricted면 외부 스크립트 실행이 불가해서 오류가 나는 것이라고 한다.

set-ExecutionPolicy RemoteSigned

를 통해서 권한변경을 해주니 명령어 실행이 정상적으로 작동됐다.

 

 

create완료 후 작업 폴더로 이동한 후

npm run serve해주면 아래와 같이 기본 화면이 실행된다.

 

 

(1) 참고 링크: https://mfdo.tistory.com/18

오류 고치기 vue : 이 시스템에서 스크립트를 실행할 수 없으므로