Vue.JS 2 Tutorial #2 - The Vue Instance
Live Server를 설치 https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer
ATL+L ATL+O누르면 시작하고, ALT+L, ALT+C하면 stop됩니다.
아래쪽에 클릭하세요
현재 포트 5500에서 동작중.
index.html 안에
script:src<tab> app.js Ctrl+Shift+enter로 위의 줄 입력모드로
div#vue-app<tab> enter h1<tab> space ← {{ space name space 순으로 입력 (여기서 <h1></h1>안에 {을 입력하면 자동으로 생성이 안되네요. 뒤에 글자가 있어서 그런것 같습니다. <h1> </h1> 뒤쪽에 스페이스를 넣어 두고 타이핑하면 생기는데.. 이것은 좀 찾아 봐야겠네요..)
Spaces inside braces 라는 모듈을 설치하면
https://marketplace.visualstudio.com/items?itemName=AiryShift.spaces-inside-braces
Braces안에 스페이스 한개를 넣으면 자동으로 2개를 넣어 주는 기능입니다.
{{ space name 만 입력하면 됩니다.
app.js
new Vue ( { enter
el: '#vue-app end 키 , enter
data: { enter name: 'Hello world
저장은 CTRL+S
Live Server 브라우저를에 Hello world가 나오면 성공입니다.
https://github.com/iamshaunjp/vuejs-playlist/tree/lesson-2
댓글 1개
짜증나게 제일 마지막줄에 나오네요.. 영어라 잘 눈에 안들어 오니
File>Preferences>Settings 또는 CTRL+, 에서 Search settings에 autoClosingBrackets 를 찾아서
'languageDefined' 를 'always' 변경하세요. Space inside braces도 설치하면..
h1<tab> {{ space name 입력하시면 됩니다.
게시판 목록
JS프레임워크
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 58 | Vue | 6년 전 | 605 | ||
| 57 | Vue | 6년 전 | 641 | ||
| 56 | Vue | 6년 전 | 594 | ||
| 55 | Vue | 6년 전 | 759 | ||
| 54 | Vue | 6년 전 | 624 | ||
| 53 | Vue | 6년 전 | 618 | ||
| 52 | Vue | 6년 전 | 686 | ||
| 51 | Vue | 6년 전 | 574 | ||
| 50 | Vue | 6년 전 | 804 | ||
| 49 | Vue | 6년 전 | 905 | ||
| 48 | 기타 | 6년 전 | 694 | ||
| 47 | Vue | 6년 전 | 663 | ||
| 46 | Vue | 6년 전 | 677 | ||
| 45 | Vue | 6년 전 | 541 | ||
| 44 | Vue | 6년 전 | 596 | ||
| 43 | Vue | 6년 전 | 911 | ||
| 42 | Vue | 6년 전 | 713 | ||
| 41 | Vue | 6년 전 | 670 | ||
| 40 | Vue | 6년 전 | 751 | ||
| 39 | Vue | 6년 전 | 723 | ||
| 38 | Vue | 6년 전 | 688 | ||
| 37 | Vue | 6년 전 | 640 | ||
| 36 | Vue | 6년 전 | 929 | ||
| 35 | Vue | 6년 전 | 600 | ||
| 34 | 기타 | 6년 전 | 1352 | ||
| 33 | Vue | 6년 전 | 849 | ||
| 32 | 기타 | 6년 전 | 1112 | ||
| 31 | Vue | 6년 전 | 2247 | ||
| 30 | Vue | 6년 전 | 916 | ||
| 29 | Vue | 6년 전 | 701 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기