Added post 2017-02-21-vscode-vue-development-settings.markdown #56
Conversation
VSCODE에서 Vue 개발환경세팅에 대해서 포스팅을 작성해봤습니다.
devjin0617
left a comment
devjin0617
left a comment
There was a problem hiding this comment.
다 확인했습니다 : )
이 전에 https://vuejs-kr.github.io에 올라왔던 글도 맞춤법이 엉망이기는 한데, 역시 같이 잡아주시면 감사하겠습니다 T_T
| author: "jinhan" | ||
| excerpt: "VSCODE에서 Vue개발환경 세팅을 해봅시다." | ||
| --- | ||
|
|
There was a problem hiding this comment.
상단에 원본글( @LeoHeo 님의 블로그포스팅 URL) 출처를 써주시면 더 좋을 것 같은데 어떻게 생각하시나요?
|
|
||
| # VSCode Sass, Vue 세팅하기 | ||
|
|
||
| 항상 `Vue.js korea`에서 많은분들의 도움을 받고있습니다. 감사합니다~ |
There was a problem hiding this comment.
많은분들 → 많은 분들
받고있습니다 → 받고 있습니다
|
|
||
| 어제 `vscode`를 처음 써보면서 세팅하면서 겪었던 시행착오들을 한번 정리해봤습니다. | ||
|
|
||
| `vscode`를 처음 쓰시고자 하는분들한테 도움이 되길 바랍니다. |
| `vscode`를 처음 쓰시고자 하는분들한테 도움이 되길 바랍니다. | ||
|
|
||
| ## Sass | ||
| vscode를 맨처음 설치하고 단일 파일 `*.vue`로 된파일을 열었을때 `scss`가 있으면 아래와 같이 에러가 발생합니다. |
There was a problem hiding this comment.
맨처음 → 맨 처음
된파일을 열었을 때 → 된 파일을 열었을 때
|
|
||
| 먼저 vscode에서 `vue`파일을 사용하기 위해서 제가 사용한 extension은 [Vue Components](https://marketplace.visualstudio.com/items?itemName=seanwash.vue) 입니다. | ||
|
|
||
| vscode에서 extension를 쉽게 설치 하기 위해서 제공되는 편의기능중에 `F1`를 누르고 나오는 입력창에서 아래와 같이 입력하면 됩니다. |
There was a problem hiding this comment.
설치 하기 → 설치하기
편의기능중에 → 편의 기능 중에
|
|
||
| 그래서 vscode는 이러한 세팅을 `settings.json`라는 파일로 세팅을 관리합니다. | ||
|
|
||
| 프로젝트의 root에 `.vscode`라는 디렉토리를 찾으실수 있을겁니다. |
|
|
||
| 이 방법은 [vscode-eslint의 ISSUE #42](https://github.com/Microsoft/vscode-eslint/issues/42#issuecomment-264836417)를 참고하였습니다. | ||
|
|
||
| 이렇게 세팅을 하고 나면 인제 `.vue`파일에서도 linting이 되는걸 확인하실수 있습니다. |
| } | ||
| ``` | ||
|
|
||
| 그러면 아래와 같이 사용할수 있습니다. |
|
|
||
| .gif) | ||
|
|
||
| 마지막으로 틀린점이나 조금 더 나은방법이 있으신분은 언제나 지적해주시면 감사하겠습니다 ^^ |
There was a problem hiding this comment.
틀린점이나 → 틀린 점이나
나은방법이 있으신분은 → 나은 방법이 있으신 분은
|
앗! 올리기 전에 미리 검사를 했었어야 했는데 죄송합니다ㅠ |
|
@LeoHeo 네! 다른 분들이 올린 글들입니다! 마음대로 수정해서 PR요청해주시면 여기분들이 확인해서 머지 진행해주실 거예요 :) 죄송하지않으셔도 되요. 다같이 만들어가는 홈페이지잖아요 :) |
|
아침부터 고생하셨습니다 |
|
@LeoHeo 이거 리뷰 끝난줄 알았어요 |
|
넵 알겠습니다~ |
|
@LeoHeo 그리고 writer 팀에 초대 보내드렸어요 직접 수정하시면 되요 |
|
@ChangJoo-Park 그럼 제가 고친다음에 PR보내고 머지하나요? |
|
@LeoHeo 기존 내용에서 일부 수정이니, PR없이 진행해도 되지 않을까요? |
|
@devjin0617 넵 알겠습니다~ 감사합니다~ |
3 participants
VSCODE에서 Vue 개발환경세팅에 대해서 포스팅을 작성해봤습니다.