관리 메뉴

웹개발자의 기지개

[Vue.js] Vue 실습해보기 (설치,실행, 프로젝트 생성) 본문

javascript/Vue.js

[Vue.js] Vue 실습해보기 (설치,실행, 프로젝트 생성)

http://portfolio.wonpaper.net 2023. 9. 28. 05:42

 

1
2
3
4
5
6
7
8
9
10
F:\vue_exam\vue2>node --version
v18.16.1
 
F:\vue_exam\vue2>npm --version
9.5.1
 
F:\vue_exam\vue2>npm list
F:\vue_exam\vue2
└── (empty)     
 
cs

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
현재 설치된 로컬 상의 패키지 모듈 리스트 명령어
npm list --depth=0
 
글로벌 스코프로 설치된 패키지 모듈 리스트 명령어
npm list --depth=0 -g
 
F:\vue_exam\vue2>npm list --depth=0
F:\vue_exam\vue2
└── (empty)
 
 
F:\vue_exam\vue2>npm list --depth=0 -g
npm notice 
npm notice New minor version of npm available! 9.5.1 -> 9.8.1
npm notice Changelog: https://github.com/npm/cli/releases/tag/v9.8.1
npm notice Run npm install -g npm@9.8.1 to update!
npm notice
C:\Users\wonpa\AppData\Roaming\npm
└── @vue/cli@5.0.8
 
global 하게 cli 설치
npm install -g @vue/cli
(맥은 sudo npm install -g @vue/cli  파일권한 문제 해결) 
 
F:\vue_exam\vue2>npm install -g @vue/cli
npm WARN deprecated source-map-url@0.4.1: See https://github.com/lydell/source-map-url#deprecated
npm WARN deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated
npm WARN deprecated apollo-datasource@3.3.2: The `apollo-datasource` package is part of Apollo Server v2 and v3, which are now deprecated (end-of-life October 22nd 2023). See https://www.apollographql.com/docs/apollo-server/previous-versions/ for more details.
npm WARN deprecated apollo-server-errors@3.3.1: The `apollo-server-errors` package is part of Apollo Server v2 and v3, which are now deprecated (end-of-life October 22nd 2023). This package's functionality 
is now found in the `@apollo/server` package. See https://www.apollographql.com/docs/apollo-server/previous-versions/ for more details.
npm WARN deprecated source-map-resolve@0.5.3: See https://github.com/lydell/source-map-resolve#deprecated
npm WARN deprecated apollo-server-types@3.8.0: The `apollo-server-types` package is part of Apollo Server v2 and v3, which are now deprecated (end-of-life October 22nd 2023). This package's functionality is now found in the `@apollo/server` package. See https://www.apollographql.com/docs/apollo-server/previous-versions/ for more details.
npm WARN deprecated apollo-server-plugin-base@3.7.2: The `apollo-server-plugin-base` package is part of Apollo Server v2 and v3, which are now deprecated (end-of-life October 22nd 2023). This package's functionality is now found in the `@apollo/server` package. See https://www.apollographql.com/docs/apollo-server/previous-versions/ for more details.
npm WARN deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated
npm WARN deprecated apollo-server-express@3.12.0: The `apollo-server-express` package is part of Apollo Server v2 and v3, which are now deprecated (end-of-life October 22nd 2023). This package's functionality is now found in the `@apollo/server` package. See https://www.apollographql.com/docs/apollo-server/previous-versions/ for more details.
npm WARN deprecated shortid@2.2.16: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.
npm WARN deprecated apollo-reporting-protobuf@3.4.0: The `apollo-reporting-protobuf` package is part of Apollo Server v2 and v3, which are now deprecated (end-of-life October 22nd 2023). This package's functionality is now found in the `@apollo/usage-reporting-protobuf` package. See https://www.apollographql.com/docs/apollo-server/previous-versions/ for more details.
npm WARN deprecated apollo-server-env@4.2.1: The `apollo-server-env` package is part of Apollo Server v2 and v3, which are now deprecated (end-of-life October 22nd 2023). This package's functionality is now found in the `@apollo/utils.fetcher` package. See https://www.apollographql.com/docs/apollo-server/previous-versions/ for more details.
npm WARN deprecated subscriptions-transport-ws@0.11.0: The `subscriptions-transport-ws` package is no longer maintained. We recommend you use `graphql-ws` instead. For help migrating Apollo software to `graphql-ws`, see https://www.apollographql.com/docs/apollo-server/data/subscriptions/#switching-from-subscriptions-transport-ws    For general help using `graphql-ws`, see https://github.com/enisdenjo/graphql-ws/blob/master/README.md
npm WARN deprecated apollo-server-core@3.12.0: The `apollo-server-core` package is part of Apollo Server v2 and v3, which are now deprecated (end-of-life October 22nd 2023). This package's functionality is 
now found in the `@apollo/server` package. See https://www.apollographql.com/docs/apollo-server/previous-versions/ for more details.
 
added 8 packages, removed 3 packages, and changed 864 packages in 4m
 
66 packages are looking for funding
  run `npm fund` for details
cs

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
vue2_test vue설치하기
F:\vue_exam>vue create vue2_test
 
Default로 설치한다.  Enter키
 
Vue CLI v5.0.8
? Please pick a preset: (Use arrow keys)
> Default ([Vue 3] babel, eslint)       
  Default ([Vue 2] babel, eslint)       
  Manually select features 
 
Vue CLI v5.0.8
? Please pick a preset: Default ([Vue 3] babel, eslint)
 
 
Vue CLI v5.0.8
✨  Creating project in F:\vue_exam\vue2_test.
🗃  Initializing git repository...
⚙️  Installing CLI plugins. This might take a while...
 
 
added 861 packages, and audited 862 packages in 2m
 
94 packages are looking for funding
  run `npm fund` for details
 
found 0 vulnerabilities
🚀  Invoking generators...
📦  Installing additional dependencies...
 
 
added 101 packages, and audited 963 packages in 21s
 
107 packages are looking for funding
  run `npm fund` for details
 
found 0 vulnerabilities
⚓  Running completion hooks...
 
📄  Generating README.md...
 
🎉  Successfully created project vue2_test.
👉  Get started with the following commands:
 
 $ cd vue2_test
 $ npm run serve
 
 WARN  Skipped git commit due to missing username and email in git config, or failed to sign commit.
       You will need to perform the initial commit yourself.
cs

 

 

 

Comments