인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

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

이은혜님의 프로필 이미지
이은혜

작성한 질문수

Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex

TodoList 컴포넌트의 할 일 목록 표시 기능 구현

VS코드 관련 질문이 있습니다.

해결된 질문

작성

·

211

1

VS코드 에밋 관련 검색을 했는데 답이 나오질 않아 여쭤봅니다.

vs코드에서 HTML 파일에서는 ul>li*10 이렇게 하면 자동으로 li가 10개가 생성이 되는데..

.vue 파일에서는 해당 부분이 적용되질 않아요..

ul>li*10 이렇게만 보여집니다..

이럴 때 어떻게 해야하는 지 방법 알고 계신가요 ??

답변 2

2

이은혜님의 프로필 이미지
이은혜
질문자

VS Code .vue 파일에서  ul>li*10 실행이 안된다면 

설정(settings.json) 페이지에 아래 그대로 추가하시면 될 거에요.

저도 저거 입력하니 제대로 작동되더라구요~

"emmet.showAbbreviationSuggestions": true,
"emmet.showExpandedAbbreviation": "always",
"emmet.includeLanguages": {
        "vue-html": "html",
        "vue": "html"
},

1

안녕하세요 은혜님, Emmet 플러그인 말씀하시는거 맞죠? VSCode에서 기본으로 제공하는 기능 이외에 다른 걸 만지지 않으셨다면 vue 파일의 HTML 태그에서도 정상 동작해야 합니다. 제가 따로 설정한 부분은 없어서 별도로 설치하신 플러그인이나 설정이 없는지 다시 한번 확인해 보시고 아래 내용 추가로 보시고 점검하시면 좋을 것 같아요!

https://code.visualstudio.com/docs/editor/emmet

이은혜님의 프로필 이미지
이은혜

작성한 질문수

질문하기