• webmini life skin
    50% sale     Ver 1.4.1 update view
  • 사이트 제작 문의 오랜 경험을 바탕으로 웹퍼블리싱을 해드립니다 제작 문의하기
  • 블로그 리뷰 문의 검색엔진최적화로 제품 리뷰를 해드립니다 리뷰 문의하기

Vue4

728x90
[Vue.js]Vue 프로젝트 설치, 생성 및 파일 구조와 디렉토리 설명 1. Vue 프로젝트 생성Vue CLI를 사용하여 새로운 프로젝트를 생성합니다.# Vue CLI가 설치되어 있지 않다면 먼저 설치합니다.npm install -g @vue/cli# 새로운 Vue 프로젝트를 생성합니다.vue create my-vue-app 프로젝트 생성 시, 기본 설정을 선택하거나 커스텀 설정을 사용할 수 있습니다. 여기서는 기본 설정을 선택한다고 가정하겠습니다.cd my-vue-appnpm run serve npm run serve 명령을 실행하면, 로컬 개발 서버가 시작되고 기본적으로 http://localhost:8080에서 애플리케이션을 확인할 수 있습니다. 2. 프로젝트 구조프로젝트 폴더 구조는 다음과 같습니다.my-vue-app/├── node_modules/├── public..
[Vue.js]'npm run serve' 실행 명령어를 다른 명령어로 변경하려면? vue 실행 혹은 빌드할때 명령어를 변경하는 방법입니다. 예를 들어 npm run serve 명령어를 npm run dev로 변경하려면 package.json 파일의 scripts 섹션을 수정하면 됩니다.이 섹션에는 NPM 명령어를 정의하는 스크립트가 포함되어 있습니다. 다음 단계를 따르면 됩니다: 프로젝트 루트 디렉토리에서 package.json 파일 열기:프로젝트 루트 디렉토리에 있는 package.json 파일을 열어야 합니다.scripts 섹션 수정:scripts 섹션에서 serve 스크립트를 dev 스크립트로 변경합니다. 예를 들어, 다음과 같이 수정합니다.{ "name": "your-project-name", "version": "0.1.0", "private": true, "scrip..
[Vue.js]Vs Code Vue.js 필수 확장 프로그램 vue로 개발할때 Vs Code에 필수 적으로 설치해야하는 프로그램입니다. 여기에서 필수는 vue로 코딩을 손쉽게 도와준다고 보시면 됩니다. 1. Vuter vue 코딩시 코드 하이라이팅 지원, 문법 강조, 코드 자동 완성, 디버깅 등 지원 2. HTML CSS Support 여러 기능들이 있지만, 태그를 자동으로 닫아준다던지 자동완성 형태로 코드를 찾아줍니다. 3. Vue 3 Snippets 스니펫을 이용하여 코드 자동 완성 4. ESLint 코드 작성시 문법 오류 및 버그 확인 참고로 vetur은 vue2때 사용했으며, vue3을 사용할경우 호환성 문제로 오류가 발생할 수 있다고 합니다. vue3을 사용하신다면 Vue Language Features (Volar)를 사용하시면 됩니다.
[Vue.js]vue 설치시 sudo: npm: command not found 에러 문구 해결방법 맥북에서 vue 설치시 터미널에서 sudo npm install -g @vue/cli 명령어를 입력하면, sudo: npm: command not found 문구가 나올때 해결 방법입니다. 여러가지 방법이 있겠지만, 해결이 안될경우 node js 공홈(https://nodejs.org/ko/)에서 .pkg 파일을 다운받아서 설치를 해주세요. Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 그리고 sudo npm install -g @vue/cli 명령어로 실행하면 제대로 설치가 됩니다.
반응형