2022/08/11 2

Vue 프로젝트와 파일의 구조와 형식

#1 Vue 프로젝트의 파일 구조 프로젝트를 생성하였다면 위와 같이 기본적인 세팅이 되어있습니다. • node_modules : npm을오 설치한 패키지 파일들이 모두 이곳에 모여 있습니다. • public : 정적 리소스들이 모여있는 디렉토리. index.html이 이곳에 있습니다. • src : 실제 작업은 이곳에서 이루어 집니다. • src/assets : 이미지나 CSS 등 자료들이 모여있는 디렉토리 • src/components : Vue 컴포넌트 파일들이 모여있는 디렉토리 • App.vue : 루트가 되는 컴포넌트 (최상위 컴포넌트) • main.js : 가장 먼저 실행되는 JavaScript 파일. Vue의 인스턴스를 생성하는 역할 • .gitignore : 깃에 업로드 할 때 제외할 파일들..

Vue 개발 환경 세팅하기

#1 개발 환경 세팅 (1) 원하는곳에 작업용 폴더를 생성. (2) VisualStudio Code로 해당 폴더를 열어줍니다. (3) 터미널을 열어 아래 명령어를 입력합니다. npm install -g @vue/cli *npm 명령을 사용하기 위해선 node.js가 설치가 되어있어야 합니다. node.js 다운로드 페이지 > 설치가 되는 척(?) 하면서 오류가 나는 경우가 많습니다. • 윈도우에서 흔히 발생하는 에러 '이 시스템에서 스크립트를 실행할 수 없으므로 c: 어쩌구 저쩌구...' (1) Windows PowerShell을 관리자 권한으로 실행합니다. (2) 다음 실행 규칙을 변경하는 명령어를 입력합니다. Set-ExecutionPolicy RemoteSigned 실행 정책을 변경하겠냐는 물음이 ..

반응형