vue.js 설치하기

vue.js는 공홈의 자료를 보고 설치를 합니다.

 

v3.vuejs.org/guide/installation.html

Installation | Vue.js

 

oneboard@oneboarcBookPro vuejs % npm install vue@next

added 15 packages, and audited 16 packages in 3s

found 0 vulnerabilities

oneboard@oneboarcBookPro vuejs % ls
node_modules		package-lock.json	package.json

 

vue 3에서 cli를 쓰려면, cli 4.5 설치를 하고, 업그레이드 하는 절차를 거쳐야 합니다.

 

oneboard@oneboarcBookPro vuejs % npm install -g @vue/cli
npm WARN deprecated fsevents@1.2.13: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2.
npm WARN deprecated chokidar@2.1.8: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies.
npm WARN deprecated har-validator@5.1.5: this library is no longer supported
npm WARN deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated
npm WARN deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated
npm WARN deprecated @hapi/topo@3.1.6: This version has been deprecated and is no longer supported or maintained
npm WARN deprecated @hapi/bourne@1.3.2: This version has been deprecated and is no longer supported or maintained
npm WARN deprecated @hapi/hoek@8.5.1: This version has been deprecated and is no longer supported or maintained
npm WARN deprecated @hapi/address@2.1.4: Moved to 'npm install @sideway/address'
npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142
npm WARN deprecated @hapi/joi@15.1.1: Switch to 'npm install joi'

added 1396 packages, and audited 1397 packages in 59s

60 packages are looking for funding
  run `npm fund` for details

found 0 vulnerabilities

 

oneboard@oneboarcBookPro vuejs % vue upgrade --next
✔  Gathering package information...
 DONE  Seems all plugins are up to date. Good work!

 

명령어가 동작을 하는지 확인을 합니다.

oneboard@oneboarcBookPro vuejs % vue
Usage: vue <command> [options]

Options:
  -V, --version                              output the version number
  -h, --help                                 output usage information

Commands:
  create [options] <app-name>                create a new project powered by vue-cli-service
  add [options] <plugin> [pluginOptions]     install a plugin and invoke its generator in an already created project
  invoke [options] <plugin> [pluginOptions]  invoke the generator of a plugin in an already created project
  inspect [options] [paths...]               inspect the webpack config in a project with vue-cli-service
  serve [options] [entry]                    serve a .js or .vue file in development mode with zero config
  build [options] [entry]                    build a .js or .vue file in production mode with zero config
  ui [options]                               start and open the vue-cli ui
  init [options] <template> <app-name>       generate a project from a remote template (legacy API, requires @vue/cli-init)
  config [options] [value]                   inspect and modify the config
  outdated [options]                         (experimental) check for outdated vue cli service / plugins
  upgrade [options] [plugin-name]            (experimental) upgrade vue cli service / plugins
  migrate [options] [plugin-name]            (experimental) run migrator for an already-installed cli plugin
  info                                       print debugging information about your environment

  Run vue <command> --help for detailed usage of given command.

 

vue info 명령으로 설치된 브라우져를 비롯한 대부분 정보가 체크 가능 합니다.

vue의 버젼은 최근 버젼인 3.0.5 입니다.

oneboard@oneboarcBookPro vuejs % vue info

Environment Info:

  System:
    OS: macOS 11.1
    CPU: (4) x64 Intel(R) Core(TM) i5-5257U CPU @ 2.70GHz
  Binaries:
    Node: 15.6.0 - /usr/local/bin/node
    Yarn: Not Found
    npm: 7.4.0 - /usr/local/bin/npm
  Browsers:
    Chrome: 88.0.4324.96
    Edge: 87.0.664.75
    Firefox: Not Found
    Safari: 14.0.2
  npmPackages:
    @vue/compiler-core:  3.0.5 
    @vue/compiler-dom:  3.0.5 
    @vue/reactivity:  3.0.5 
    @vue/runtime-core:  3.0.5 
    @vue/runtime-dom:  3.0.5 
    @vue/shared:  3.0.5 
    vue: ^3.0.5 => 3.0.5 
  npmGlobalPackages:
    @vue/cli: 4.5.10