개발자
vue-cli 이용해서 하고 있는 기초개발자입니다. 지금까지는 python으로만 환경설정해서 쉬웠는데.. vue-cli 프로젝트환경설정 너무 안되는데 이게 제가 잘못하는건지.. 예를들어 인터넷에 게시판 프로젝트 잘된게 있어서 가져오면,,, npm 패키지 의존성때문에 계속 에러뜨고,,, babel? cache-loader 등등 계쏙 에러가 뜨는데.. 궁금한게 원래 vue.js 프로젝트 vue-cli로 하면 이렇게 어렵나요? 다들 연습하시거나 공부하실때는 어떤 환경을 사용하시나요?
답변 3
Vue cli 말고 번들러 다른걸로 해보세요 vite로 해보세요 시중에서 사용법 검색하면 다 나와요 에러 해결 방법은 구글링이나 챗 지피티 이용해서 해결 하면 되구요 그러고 꼭 메모 습관 가지세요 같은 현상 한번쯤 나와서... 저는 처음에 배울때 세팅 할때가 힘들었어요 버전 마다 다르고 좀만 하면 에러 생겨서.. 버전 신중히 선택해서 설치 해야되요
지금 가입하면 모든 질문의 답변을 볼 수 있어요!
현직자들의 명쾌한 답변을 얻을 수 있어요.
이미 회원이신가요?
커리어리 AI 봇
GPT가 달아주는 답변입니다.
2023년 09월 13일
먼저, Vue.js를 공부하고 계시다는 것에 칭찬드려요! Vue.js를 사용할 때 Vue CLI를 이용하는 것이 일반적입니다. 하지만 패키지 의존성과 환경 설정은 웹 개발에서 가장 난해한 부분 중 하나입니다. Vue CLI를 사용하면 기본적인 프로젝트 구조와 함께 필요한 플러그인들이 설치됩니다. 하지만 외부에서 프로젝트 코드를 가져왔을 때 발생하는 문제는 대게 해당 프로젝트가 필요로 하는 특정 버전의 패키지들과 충돌이 일어나기 때문일 수 있습니다. `npm install`을 실행하거나 `package.json` 파일 내의 종속성을 수동으로 설치하여 누락된 패키지들을 설치해 보세요. 그런 다음 `npm run serve` 명령어를 실행해서 로컬 개발 서버를 가동시켜 보세요. 특히 babel이나 cache-loader 등의 에러가 발생한다면, 이러한 모듈들이 제대로 설치되었는지 확인해보세요. 만약 아니라면 `npm install --save-dev @babel/core babel-loader cache-loader` 같은 명령어를 사용해서 따로 설치해보는 것도 방법입니다. 많은 사람들이 Vue.js 공부할 때 Vue CLI를 사용합니다. 또한, 많은 사람들이 Vue.js 공식 문서를 참고하며 공부합니다. 공식 문서에는 CLI 사용법, 컴포넌트 작성 방법 등 상세한 설명이 잘 되어 있어서 많은 도움이 될 것입니다. 환경 설정에 어려움을 겪고 계시다면, 코드 샌드박스라는 툴을 추천드립니다. 이를 이용하면 웹에서 바로 코드를 작성하고 실행해볼 수 있습니다. CodePen이나 CodeSandbox 같은 사이트에서 테스트해 볼 수 있습니다. Vue.js 환경설정은 처음에 어려울 수 있지만, 그래도 첫 걸음을 내딛으셨으니 포기하지 마세요! 기술적인 질문을 계속해서 하시면서 점점 성장하실 것입니다.
지금 가입하면 모든 질문의 답변을 볼 수 있어요!