Differences
This shows you the differences between two versions of the page.
Both sides previous revision Previous revision | |||
public:computer:vuejs [2023/01/03 09:53] – alex | public: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=" | + | - 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 list -g --depth=0 |
- | </cli> | + | </shx> |
- | + | | |
- | Vue CLI 삭제 <cli prompt=" | + | |
$ npm uninstall -g vue-cli | $ npm uninstall -g vue-cli | ||
- | </cli> | + | </sxh> |
- | + | | |
- | vue 프로젝트 생성 <cli prompt=" | + | |
$ vue create < | $ vue create < | ||
$ cd < | $ cd < | ||
$ npm run serve | $ npm run serve | ||
- | </cli> | + | </sxh> |
- | + | | |
- | vuetify 패키지 추가 <cli> | + | |
$ vue add vuetify | $ vue add vuetify | ||
- | </cli> | + | </sxh> |
- | + | | |
- | vue-router 설치 <cli> | + | |
$ vue add router | $ vue add router | ||
- | </cli> | + | </bash> |
- | + | | |
- | vuex 설치 <cli> | + | |
$ vue add vuex | $ vue add vuex | ||
- | </cli> | + | </sxh> |
- | + | | |
- | axios 설치 <cli> | + | |
$ vue add axios | $ vue add axios | ||
- | </cli> | + | </sxh> |