Vue:프로젝트 생성 및 시작해보기: 두 판 사이의 차이

학교의 모든 지식. SMwiki
둘러보기로 이동 검색으로 이동
(새 문서: {{Vue}} == . == {| class="wikitable" |+ !과정 !설명 !방법 |- |프로젝트 생성 |프로젝트를 시작할 루트 디렉터리에서 다음 명령. |vue create 프로젝트...)
 
 
1번째 줄: 1번째 줄:
{{Vue}}
{{Vue}}


== . ==
==.==
{| class="wikitable"
{| class="wikitable"
|+
|+
17번째 줄: 17번째 줄:
|-
|-
|미리보기
|미리보기
|터미널에서 실행.
|터미널 루트 디렉터리에서 실행.
|npm run serve
|npm run serve
|-
|-
24번째 줄: 24번째 줄:
|
|
|}
|}
<br />
 
=== 프로젝트 내 디렉터리 ===
{| class="wikitable"
!디렉터리
!설명
|-
|node_modules
|프로젝트에서 사용되는 라이브러리들.
|-
|src
|소스코드.
|-
|public
|html 등 기타 파일.
|-
|package.json
|라이브러리 버전, 프로젝트 설정 저장.
|}

2022년 6월 30일 (목) 18:56 기준 최신판

틀:Vue

  1. Vue:개요
    1. Vue:설치 및 개발환경 세팅
    2. Vue:프로젝트 생성 및 시작해보기
  2. Vue:문법
    1. Vue:데이터바인딩
    2. Vue:반복문
    3. Vue:조건문
    4. Vue:함수
  3. Vue:이벤트
    1. Vue:이벤트 핸들러

.[편집 | 원본 편집]

과정 설명 방법
프로젝트 생성 프로젝트를 시작할 루트 디렉터리에서 다음 명령. vue create 프로젝트명
코드는 App.vue에 짜면 된다.
미리보기 터미널 루트 디렉터리에서 실행. npm run serve

프로젝트 내 디렉터리[편집 | 원본 편집]

디렉터리 설명
node_modules 프로젝트에서 사용되는 라이브러리들.
src 소스코드.
public html 등 기타 파일.
package.json 라이브러리 버전, 프로젝트 설정 저장.