Programming/Vue60 뷰(Vue) 파일 추가 후, "Parsing error: No Babel config file detected for" 오류 해결 방법 제목의 글을 설명하기에 앞서 정보전달의 목적도 있지만, 제가 잊지않기 위해서 공부 및 정리하며 쓰는 글이라는 사실을 미리 고지합니다. Vue 파일을 신규 추가할 때 발생하는 오류 상황 VSCode로 Vue.js 프로젝트를 신규 생성한 후, 정상적으로 구동이 되는 것을 확인하였습니다. components 폴더 하위에 vue 파일을 새롭게 추가하고 App.vue 파일에 연결하니 아래와 같은 오류가 발생하였습니다. 위 사진에서 안내되는 오류 메세지를 텍스트로 써보자면 아래와 같습니다. Parsing error: No Babel config file detected for '신규 추가한 파일 관련 경로' 원인 Javascript 문법을 자동으로 검사해주는 VSCode의 Extensions 중 하나인 ESLint.. 2022. 11. 11. VSCode로 뷰(Vue.js) 프로젝트 생성 및 구동하기 제목의 글을 설명하기에 앞서 정보전달의 목적도 있지만, 제가 잊지않기 위해서 공부 및 정리하며 쓰는 글이라는 사실을 미리 고지합니다. Vue.js 개발하기 위한 환경 구축을 완료했다면, 신규 프로젝트를 생성하여 환경 구축이 정상적으로 진행되었는지 테스트하는 작업을 수행합니다. 프로젝트를 새로 생성하지 않아도 된다면 각 프로젝트에 맞게 구동 하여 정상 동작 여부를 테스트해보시면 됩니다. VSCode 내 Vue.js 프로젝트 생성하기 1. VSCode에서 터미널(Terminal)을 킵니다. 키보드: Ctrl + Shift + ` 마우스: 상단 메뉴의 Terminal > New Terminal 클릭 2. 터미널에서 Vue 프로젝트를 생성하는 명령어를 입력 후 실행합니다. 명령어: create vue 프로젝트명.. 2022. 11. 10. "'vue-cli-service'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다." 오류 해결 방법 제목의 글을 설명하기에 앞서 정보전달의 목적도 있지만, 제가 잊지않기 위해서 공부 및 정리하며 쓰는 글이라는 사실을 미리 고지합니다. Vue-Cli 구동 시 발생한 오류 상황 VSCode에 개발 환경이 모두 구축되고 난 후, 간혹가다가 Vue-Cli 관련 오류가 발생하는 경우가 있습니다. 저의 경우, 윈도우 계정을 새로 생성해서 기존에 구축한 환경을 이용하려고 하니 발생한 오류였습니다. 명령어: npm run serve 위 사진에 안내되는 오류 메세지를 텍스트로 써보자면 아래와 같습니다. 'vue-cli-service'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다. 원인 윈도우 계정 A에 설치된 Vue-Cli에 대해서 또 다른 계정인 B에서 사용하려고 하니 발생한 .. 2022. 11. 9. VSCode로 뷰(Vue.js) 개발 환경 구축하기 제목의 글을 설명하기에 앞서 정보전달의 목적도 있지만, 제가 잊지않기 위해서 공부 및 정리하며 쓰는 글이라는 사실을 미리 고지합니다. Vue.js 개발하기 전, 개발 환경을 구축하는 작업을 먼저 진행합니다. 설치된 사항이 있다면 생략 후 다음 단계를 진행하시면 됩니다. VSCode 설치하기 개발을 진행할 텍스트 에디터(Text Editor)이자 코드 편집기를 설치하는 과정입니다. 설치해야하시는 분들은 아래 링크를 참조하여 진행해주세요. https://logs-jejustone.tistory.com/100 Node.js 설치하기 참고 사항으로 Node.js 설치 시 npm도 함께 설치됩니다. 1. Node.js 공식 사이트로 접속하여 OS에 맞게 Installer를 다운로드합니다. 주소: https://n.. 2022. 11. 7. 이전 1 ··· 6 7 8 9 다음
