> For the complete documentation index, see [llms.txt](https://sora6418.gitbook.io/v/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://sora6418.gitbook.io/v/master.md).

# Vue

## 뷰 설치 명령어

```
npm i -g @vue/cli
```

![](https://1164735206-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MOZuEgJwpQKlc-kOTbo%2F-MOZyJCTEQM9BnyXX3sp%2F-MOZydKe0Z1jfr7IYNEv%2Fs.PNG?alt=media\&token=cb1de563-64b7-4cfc-8b10-884b01f07c9f)

```
vue create 파일이름
```

![네번째꺼 선택!!!!!!!!](https://1164735206-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MOZuEgJwpQKlc-kOTbo%2F-MOZutQCiyomWWB6eiqq%2F-MOZyGuO0ie6WcPNbNz3%2Fvu.PNG?alt=media\&token=42a41737-e26a-4ac9-871f-e34fef9f8a90)

## manually \~\~ features 누르고 다음 목록들 선택할때는 space바 누르기

![](https://1164735206-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MOZuEgJwpQKlc-kOTbo%2F-MO_0jcgS7bkIxwWiKGa%2F-MO_0otQk5G0XeS_Bdfz%2F%EC%BA%A1%EC%B2%98c.PNG?alt=media\&token=4e7c9e89-f53c-46bb-9e4e-4a5b4c928228)

## ENTER 누르고

![](https://1164735206-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MOZuEgJwpQKlc-kOTbo%2F-MO_12eslb_KVtuh6s3E%2F-MO_5t-9IidTxF4GoAjt%2F1.PNG?alt=media\&token=7f1df236-4918-4790-91ce-df94d288e25a)

![](https://1164735206-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MOZuEgJwpQKlc-kOTbo%2F-MO_6EU81Pu8Phnm5CbH%2F-MO_6JerDuhOHbVBnuT-%2F2.PNG?alt=media\&token=a89b9075-d1c3-434a-9dc0-586b5e7df9c8)

![](https://1164735206-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MOZuEgJwpQKlc-kOTbo%2F-MO_6SkKMeEsAvjs1G_q%2F-MO_6XSpgVlw8sz7Rm7l%2F3.PNG?alt=media\&token=aa20bb4a-6005-49b5-b489-a492b35f00c3)

![](https://1164735206-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MOZuEgJwpQKlc-kOTbo%2F-MO_6SkKMeEsAvjs1G_q%2F-MO_6_mv0IkWEaEFNo_t%2F4.PNG?alt=media\&token=f6efe315-f9e8-4894-bfa7-cb30ada1eda8)

![](https://1164735206-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MOZuEgJwpQKlc-kOTbo%2F-MO_6SkKMeEsAvjs1G_q%2F-MO_6dWstk78W9t9gl8D%2F5.PNG?alt=media\&token=08a217e5-1f25-4c01-af95-c3b8a0e2c14c)

![](https://1164735206-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MOZuEgJwpQKlc-kOTbo%2F-MO_6SkKMeEsAvjs1G_q%2F-MO_6pD4-i0lo4uBDCut%2F6.PNG?alt=media\&token=561d3da4-b69f-4697-98a7-c1916d528c1b)

## 하면 설치가 됩니당

![](https://1164735206-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MOZuEgJwpQKlc-kOTbo%2F-MO_6yPr7d3bXCcaNaUh%2F-MO_7EtRml2A1hw52QGE%2F%EC%99%84%EB%A3%8C.PNG?alt=media\&token=9fc12cd4-6bd2-449a-98f4-7106fc06c680)

```
npm run serve 
```

## 뷰 실행하기

![CTRL 눌러서 로컬 열기](https://1164735206-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MOZuEgJwpQKlc-kOTbo%2F-MO_7ZiJBouby_pW2PlU%2F-MO_83Pnb64Z5mmxxB3Q%2Fser.PNG?alt=media\&token=02ff207f-84e3-4386-baac-ad4ef3d9921b)

![](https://1164735206-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MOZuEgJwpQKlc-kOTbo%2F-MO_8GvrV_mOZhsZqBTo%2F-MO_8s_WzSsGrGLqkppm%2Fas.PNG?alt=media\&token=c837d131-73ba-4e13-af17-b90039757923)

{% file src="/files/-MOeSIvy4aoSspvMSKa6" %}

![](https://1164735206-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MOZuEgJwpQKlc-kOTbo%2F-MOdddTOpl-ilKHXRNa7%2F-MOeSSC8PFzINr7LKATo%2F%EB%B7%B0%ED%84%B0%EC%84%A4%EC%B9%98.PNG?alt=media\&token=facd1ba2-2201-468a-afb3-25165d078d61)

{% file src="/files/-MOeSVe32i\_MVDGYR4l4" %}

![ file reference 가서](https://1164735206-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MOZuEgJwpQKlc-kOTbo%2F-MOdddTOpl-ilKHXRNa7%2F-MOeSbwmqKVySmH5QWYs%2F%EC%BA%A1%EC%B2%98.PNG?alt=media\&token=8ed4a62a-d66b-4d53-87e9-764b2bf399db)

![](https://1164735206-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MOZuEgJwpQKlc-kOTbo%2F-MOdddTOpl-ilKHXRNa7%2F-MOeStWgI3QrPBsdHlHj%2F%EC%BA%A1%EC%B2%98s.PNG?alt=media\&token=aa41dd3e-f643-4344-98ea-4a649e46abf1)

```
cd vue vuetify
```

![vue vuetify 설치방법 ](https://1164735206-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MOZuEgJwpQKlc-kOTbo%2F-MP7rS4D9OhUt5kWHlDL%2F-MP878O-ob4QVC96u4rg%2Fvueti.PNG?alt=media\&token=209b4a6b-634e-43c3-a0eb-1cd376f4540d)

![완료후 실행하기](https://1164735206-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MOZuEgJwpQKlc-kOTbo%2F-MP87V0ezx0RiuwSlM02%2F-MP87l_GJu1IEFoXrZhG%2F%EC%BA%A1%EC%B2%98asf.PNG?alt=media\&token=29715bf2-ff7c-4301-a83f-6ba3df561bcb)

![](https://1164735206-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MOZuEgJwpQKlc-kOTbo%2F-MP87V0ezx0RiuwSlM02%2F-MP87wdm6-x2gNRRaXO7%2F%EC%BA%A1%EC%B2%98g.PNG?alt=media\&token=bd2c003e-0a9e-4ce7-89f9-9fd85b0fa555)