Differences

This shows you the differences between two versions of the page.

--- public:computer:vuejs [2022/01/10 09:21] – [References] alex
+++ public:computer:vuejs [2023/01/03 09:57] (current) – [Install Vue.js] alex
@@ Line 21: / Line 21: @@
   * https://vuejs.org/js/vue.js
 </alert>
+  * [[https://joycastle.tistory.com/3|Vite + vue3 시작하기]]
+==== Install Vue.js ====
+  - Vue CLI 설치 <sxh bash>
+$ npm install -g @vue/cli
+# or
+$ yarn global add @vue/cli
+# or
+$ yarn dlx @vue/clie
+$ vue --version   # 확인
+$ npm list -g --depth=0   # npm 설치 리스트 확인
+</shx>
+  - Vue CLI 삭제 <sxh bash>
+$ npm uninstall -g vue-cli
+</sxh>
+  - vue 프로젝트 생성 <sxh bash>
+$ vue create <프로젝트 이름>
+$ cd <프로젝트 이름>
+$ npm run serve
+</sxh>
+  - vuetify 패키지 추가 <sxh bash>
+$ vue add vuetify
+</sxh>
+  - vue-router 설치 <sxh bash>
+$ vue add router
+</bash>
+  - vuex 설치 <sxh bash>
+$ vue add vuex
+</sxh>
+  - axios 설치 <sxh bash>
+$ vue add axios
+</sxh>
+==== Getting Started ====
 <grid>
@@ Line 840: / Line 878: @@
   * [[https://dollvin.tistory.com/61|Front-end 간단한 게시판 구현 ( VueJs + Vuetify )]]
   * [[https://osc131.tistory.com/122|[vue] vuetify 사용 설정]]
+  * [[https://github.com/gymcoding/vuetify-admin-template|Vuetify Admin Template 만들기]]