인프런 커뮤니티 질문&답변

김슬기님의 프로필 이미지

작성한 질문수

Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"

개발환경 구성

volar 확장프로그램이 검색이 되지 않아요~

24.07.16 14:45 작성

·

207

·

수정됨

0

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요!
- 먼저 유사한 질문이 있었는지 검색해보세요.
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.

vscode에서 volar라는 확장 프로그램이 검색 되지 않는데

어떻게 해야하나요


  1. reset.css, style.css 같은 전역적으로 사용하는 css 들은 어떻게 연결 시켜주는 게 좋을까요?

  2. devtools에서 컴포넌트가 안나오는데 어떻게 확인해야 할까요??
    run시키면 http://localhost:5173/__devtools__/
    가 실행되고 그쪽에서만 확인이 가능합니다.

  3. 강의를 듣고 사이트를 전반적으로 구축을 해야하는데 구조나 전체적으로 레퍼런스 삼을 수 있는 사이트가 있을까요 ㅠ?
    vue 공홈에 있는 사이트들은 devtools로 접근이 안되더라구요..

    미리 답변 감사합니다 ㅠㅠ




답변 2

2

막스님의 프로필 이미지

2024. 07. 27. 10:30

안녕하세요~ 같은 이슈로 고민하다 강의교안을 보니 아래와 같은 안내를 발견했습니다 :)

Volar Extension + TypeScript Vue Plugin을 설치하는 대신 Vue - Official(Vue 공식 확장 프로그램)을 설치하시면 됩니다 🙂

0

인프런 AI 인턴님의 프로필 이미지

2024. 07. 18. 14:51

안녕하세요, 인프런 AI 인턴입니다.

volar 확장 프로그램이 검색되지 않는 경우, 아래 방법을 시도해 보시는 것을 추천드립니다:
1. Visual Studio Code를 최신 버전으로 업데이트 합니다.
2. 마켓플레이스에서 직접 volar를 검색해 보세요. 가끔 검색 인덱스 문제로 검색이 안 될 수 있습니다.

전역적으로 사용하는 CSS 파일들은 여러 방법으로 연결할 수 있습니다:
- Vue CLI를 사용하시는 경우, public/index.html 파일 안에 직접 <link> 태그를 사용하여 연결할 수 있습니다.
- src/main.js 또는 src/main.ts 파일에서 import './path/to/style.css' 구문을 사용하여 전역 CSS 파일을 임포트할 수 있습니다.

Vue Devtools가 컴포넌트를 표시하지 않는 경우, 다음을 확인해 보세요:
1. Vue Devtools가 최신 버전인지 확인하십시오.
2. Vue 애플리케이션이 개발 모드로 실행되고 있는지 확인하십시오. 프로덕션 모드에서는 Devtools가 작동하지 않을 수 있습니다.

구조나 디자인 참조를 위한 사이트를 찾고 계신다면, Vue.js를 사용하는 유명 프로젝트나 GitHub에서 스타가 많은 프로젝트를 참고하는 것이 도움이 될 수 있습니다. 또한, 직접 Vue 관련 커뮤니티나 포럼에서 추천받는 사이트를 찾아보는 것도 좋습니다. 예를 들어, GitHub의 Awesome Vue 리포지토리에는 많은 프로젝트 및 사이트들이 소개되어 있어 참고하실 수 있습니다.

추가적으로 인프런 사이트에서 관련 강의나 포럼을 통해 더 많은 정보와 도움을 받으실 수도 있습니다.

도움이 필요하시면 언제든지 질문해 주세요.