Differences

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

--- public:computer:vuejs [2021/12/17 17:26] – [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 837: / Line 875: @@
   * [[https://codingcoding.tistory.com/1254|vue-property-decorator 첫 걸음 (vue js nuxt 대응)]]
   * [[https://overface.tistory.com/619|[Vue warn]: Error in v-on handler: ReferenceError is not defined]]
+  * [[https://changjoopark.medium.com/visual-studio-code%EB%A5%BC-%EC%9D%B4%EC%9A%A9%ED%95%9C-vue-js-%EC%95%B1-%EB%94%94%EB%B2%84%EA%B9%85%ED%95%98%EA%B8%B0-6a402fefafe|Visual Studio Code를 이용한 Vue.js 앱 디버깅하기]]
+  * [[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 만들기]]