Programming116 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의 Terminal에서 Vue-Cli 설치 명령어 인식 불가 오류 해결 방법 제목의 글을 설명하기에 앞서 정보전달의 목적도 있지만, 제가 잊지않기 위해서 공부 및 정리하며 쓰는 글이라는 사실을 미리 고지합니다. Vue-Cli 설치 시 명령어 인식 불가 오류 발생하는 경우 상황 VSCode에 Vue.js 개발 환경을 구축하면서 터미널(Terminal)에서 npm 명령어로 Vue-Cli를 설치하려고 하니 아래 이미지와 같이 오류가 발생하였습니다. 설치 명령어: npm install -g @vue/cli 위 사진에 빨간색으로 안내되는 오류 메세지를 텍스트로 써보자면 아래와 같습니다. "npm : 'npm' 용어가 cmdlet, 함수, 스크립트 파일 또는 실행할 수 있는 프로그램 이름으로 인식되지 않습니다. 이름이 정확한지 확인하고 경로가 포함된 경우 경로가 올바른지 검증한 다음 다시 .. 2022. 11. 8. 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 ··· 14 15 16 17 다음
