Vue:설치 및 개발환경 세팅 - 편집 역사

Sam: /* vscode */

2022-07-02T00:30:56Z

vscode

← 이전 판		2022년 7월 2일 (토) 00:30 판
15번째 줄:		15번째 줄:
	=IDE별=		=IDE별=

	== StackBlitz ==		==StackBlitz==
	브라우저 기반 IDE. 바로 사용하면 된다.		브라우저 기반 IDE. 바로 사용하면 된다.

37번째 줄:		37번째 줄:
	\|확장기능은 다음과 같은 것이 추천된다.		\|확장기능은 다음과 같은 것이 추천된다.

	*Vetur		*Vetur(Volar??인가? 공식문서에선 Volar을 추천)
	*HTML CSS Support		*HTML CSS Support
	*Vue 3 snippets : 자동완성.		*Vue 3 snippets : 자동완성.
	\|vscode extension에서 설치한다.		\|vscode extension에서 설치한다.
	\|}		\|}

Sam: /* IDE별 */

2022-07-01T02:56:47Z

IDE별

← 이전 판		2022년 7월 1일 (금) 02:56 판
14번째 줄:		14번째 줄:

	=IDE별=		=IDE별=

			== StackBlitz ==
			브라우저 기반 IDE. 바로 사용하면 된다.

			https://stackblitz.com/edit/vitejs-vite-qxutdl?file=index.html&terminal=dev

	==vscode==		==vscode==

Sam: /* 공통 */

2022-06-30T09:56:21Z

공통

← 이전 판		2022년 6월 30일 (목) 09:56 판
1번째 줄:		1번째 줄:
	{{Vue}}		{{Vue}}

	= 공통 =		=공통=
	{\| class="wikitable"		{\| class="wikitable"
	!과정		!과정
9번째 줄:		9번째 줄:
	\|Node.js 설치		\|Node.js 설치
	\|가능하면 기본 경로는 변경하지 말자.		\|가능하면 기본 경로는 변경하지 말자.
			npm(라이브러리 설치도우미)을 이용하기 위해 설치.
	\|https://nodejs.org/ko/download/		\|https://nodejs.org/ko/download/
	\|}		\|}

	= IDE별 =		=IDE별=

	== vscode ==		==vscode==
	{\| class="wikitable"		{\| class="wikitable"
	!과정		!과정
31번째 줄:		32번째 줄:
	\|확장기능은 다음과 같은 것이 추천된다.		\|확장기능은 다음과 같은 것이 추천된다.

	* Vetur		*Vetur
	* HTML CSS Support		*HTML CSS Support
	* Vue 3 snippets : 자동완성.		*Vue 3 snippets : 자동완성.
	\|vscode extension에서 설치한다.		\|vscode extension에서 설치한다.
	\|}		\|}

Sam: Sam님이 Vue:개발환경 세팅 문서를 Vue:설치 및 개발환경 세팅 문서로 이동했습니다

2022-06-30T09:45:37Z

Sam님이 Vue:개발환경 세팅 문서를 Vue:설치 및 개발환경 세팅 문서로 이동했습니다

← 이전 판		2022년 6월 30일 (목) 09:45 판
(차이 없음)

Sam: 새 문서: {{Vue}} = 공통 = {| class="wikitable" !과정 !설명 !방법 |- |Node.js 설치 |가능하면 기본 경로는 변경하지 말자. |https://nodejs.org/ko/download/ |} = IDE별 =...

2022-06-30T09:45:27Z

새 문서: {{Vue}} = 공통 = {| class="wikitable" !과정 !설명 !방법 |- |Node.js 설치 |가능하면 기본 경로는 변경하지 말자. |https://nodejs.org/ko/download/ |} = IDE별 =...

새 문서

{{Vue}}

= 공통 =
{| class="wikitable"
!과정
!설명
!방법
|-
|Node.js 설치
|가능하면 기본 경로는 변경하지 말자.
|https://nodejs.org/ko/download/
|}

= IDE별 =

== vscode ==
{| class="wikitable"
!과정
!설명
!방법
|-
|vue cli 설치
|뷰 개발환경 세팅을 돕는 프로그램.
터미널에서 진행
|npm install -g @vue/cli
npm이 안도면 yarn을 다운받아 사용해보자.

yarn global add @vue/cli
|-
|에디터 부가기능 설치
|확장기능은 다음과 같은 것이 추천된다.

* Vetur
* HTML CSS Support
* Vue 3 snippets : 자동완성.
|vscode extension에서 설치한다.
|}