public:computer:vuejs

Differences

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

Link to this comparison view

Both sides previous revision Previous revision
public:computer:vuejs [2023/01/03 09:53] – alexpublic:computer:vuejs [2023/01/03 09:57] (current) – [Install Vue.js] alex
Line 25: Line 25:
  
 ==== Install Vue.js ==== ==== Install Vue.js ====
-Vue CLI 설치 <cli prompt="$ " comment="  # ">+  - Vue CLI 설치 <sxh bash>
 $ npm install -g @vue/cli $ npm install -g @vue/cli
-or+# or
 $ yarn global add @vue/cli $ yarn global add @vue/cli
-or+# or
 $ yarn dlx @vue/clie $ yarn dlx @vue/clie
  
-$ vue --version  # 확인 +$ vue --version   # 확인 
-$ npm list -g --depth=0  # npm 설치 리스트 확인 +$ npm list -g --depth=0   # npm 설치 리스트 확인 
-</cli> +</shx> 
- +  - Vue CLI 삭제 <sxh bash>
-Vue CLI 삭제 <cli prompt="$ " comment="  # ">+
 $ npm uninstall -g vue-cli $ npm uninstall -g vue-cli
-</cli> +</sxh> 
- +  - vue 프로젝트 생성 <sxh bash>
-vue 프로젝트 생성 <cli prompt="$ " comment="  # ">+
 $ vue create <프로젝트 이름> $ vue create <프로젝트 이름>
  
 $ cd <프로젝트 이름> $ cd <프로젝트 이름>
 $ npm run serve $ npm run serve
-</cli> +</sxh> 
- +  - vuetify 패키지 추가 <sxh bash>
-vuetify 패키지 추가 <cli>+
 $ vue add vuetify $ vue add vuetify
-</cli> +</sxh> 
- +  - vue-router 설치 <sxh bash>
-vue-router 설치 <cli>+
 $ vue add router $ vue add router
-</cli> +</bash> 
- +  - vuex 설치 <sxh bash>
-vuex 설치 <cli>+
 $ vue add vuex $ vue add vuex
-</cli> +</sxh> 
- +  - axios 설치 <sxh bash>
-axios 설치 <cli>+
 $ vue add axios $ vue add axios
-</cli>+</sxh>
  
  
  • public/computer/vuejs.1672707199.txt.gz
  • Last modified: 2023/01/03 09:53
  • by alex