Vue安装指南(Windows)

本文最后更新于:3 个月前

Windows系统下,记录在线安装Vue。

安装 | Vue CLI

Vue CLI官网地址:https://cli.vuejs.org/zh/guide/installation.html

cmd输入以下命令进行安装:

1
cnpm install -g @vue/cli

稍等片刻,出现以下信息,即安装成功。

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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
C:\Users\user>cnpm install -g @vue/cli
Downloading @vue/cli to C:\Users\user\AppData\Roaming\npm\node_modules\@vue\cli_tmp
Copying C:\Users\user\AppData\Roaming\npm\node_modules\@vue\cli_tmp\.store\@vue+cli@5.0.8\node_modules\@vue\cli to C:\Users\user\AppData\Roaming\npm\node_modules\@vue\cli
Installing @vue/cli's dependencies to C:\Users\user\AppData\Roaming\npm\node_modules\@vue\cli/node_modules
[1/35] @types/ejs@^3.0.6 installed at node_modules\.store\@types+ejs@3.1.2\node_modules\@types\ejs
[2/35] ini@^2.0.0 installed at node_modules\.store\ini@2.0.0\node_modules\ini
[3/35] commander@^7.1.0 installed at node_modules\.store\commander@7.2.0\node_modules\commander
[4/35] leven@^3.1.0 installed at node_modules\.store\leven@3.1.0\node_modules\leven
[5/35] isbinaryfile@^4.0.6 installed at node_modules\.store\isbinaryfile@4.0.10\node_modules\isbinaryfile
[6/35] slash@^3.0.0 installed at node_modules\.store\slash@3.0.0\node_modules\slash
[7/35] lodash.clonedeep@^4.5.0 installed at node_modules\.store\lodash.clonedeep@4.5.0\node_modules\lodash.clonedeep
[8/35] envinfo@^7.7.4 installed at node_modules\.store\envinfo@7.8.1\node_modules\envinfo
[9/35] deepmerge@^4.2.2 installed at node_modules\.store\deepmerge@4.3.1\node_modules\deepmerge
[10/35] javascript-stringify@^2.0.1 installed at node_modules\.store\javascript-stringify@2.1.0\node_modules\javascript-stringify
[11/35] minimist@^1.2.5 installed at node_modules\.store\minimist@1.2.8\node_modules\minimist
[12/35] @vue/cli-ui-addon-widgets@^5.0.8 installed at node_modules\.store\@vue+cli-ui-addon-widgets@5.0.8\node_modules\@vue\cli-ui-addon-widgets
[13/35] @vue/cli-ui-addon-webpack@^5.0.8 installed at node_modules\.store\@vue+cli-ui-addon-webpack@5.0.8\node_modules\@vue\cli-ui-addon-webpack
[14/35] strip-ansi@^6.0.0 installed at node_modules\.store\strip-ansi@6.0.1\node_modules\strip-ansi
[15/35] debug@^4.1.0 installed at node_modules\.store\debug@4.3.4\node_modules\debug
[16/35] lru-cache@^6.0.0 installed at node_modules\.store\lru-cache@6.0.0\node_modules\lru-cache
[17/35] validate-npm-package-name@^3.0.0 installed at node_modules\.store\validate-npm-package-name@3.0.0\node_modules\validate-npm-package-name
[18/35] import-global@^0.1.0 installed at node_modules\.store\import-global@0.1.0\node_modules\import-global
[19/35] shortid@^2.2.15 installed at node_modules\.store\shortid@2.2.16\node_modules\shortid
[20/35] fs-extra@^9.1.0 installed at node_modules\.store\fs-extra@9.1.0\node_modules\fs-extra
[21/35] js-yaml@^4.0.0 installed at node_modules\.store\js-yaml@4.1.0\node_modules\js-yaml
[22/35] boxen@^5.0.0 installed at node_modules\.store\boxen@5.1.2\node_modules\boxen
[23/35] pkg-dir@^5.0.0 installed at node_modules\.store\pkg-dir@5.0.0\node_modules\pkg-dir
[24/35] recast@^0.20.3 installed at node_modules\.store\recast@0.20.5\node_modules\recast
[25/35] yaml-front-matter@^4.1.0 installed at node_modules\.store\yaml-front-matter@4.1.1\node_modules\yaml-front-matter
[26/35] @vue/cli-shared-utils@^5.0.8 installed at node_modules\.store\@vue+cli-shared-utils@5.0.8\node_modules\@vue\cli-shared-utils
[27/35] resolve@^1.20.0 installed at node_modules\.store\resolve@1.22.2\node_modules\resolve
[28/35] globby@^11.0.2 installed at node_modules\.store\globby@11.1.0\node_modules\globby
[29/35] download-git-repo@^3.0.2 installed at node_modules\.store\download-git-repo@3.0.2\node_modules\download-git-repo
[30/35] ejs@^3.1.6 installed at node_modules\.store\ejs@3.1.9\node_modules\ejs
[31/35] vue@^2.6.14 installed at node_modules\.store\vue@2.7.14\node_modules\vue
[32/35] @vue/cli-ui@^5.0.8 installed at node_modules\.store\@vue+cli-ui@5.0.8\node_modules\@vue\cli-ui
[33/35] @types/inquirer@^8.1.3 installed at node_modules\.store\@types+inquirer@8.2.6\node_modules\@types\inquirer
[34/35] inquirer@^8.0.0 installed at node_modules\.store\inquirer@8.2.5\node_modules\inquirer
[35/35] vue-codemod@^0.0.5 installed at node_modules\.store\vue-codemod@0.0.5\node_modules\vue-codemod
deprecate vue-codemod@0.0.5 › jscodeshift@0.11.0 › micromatch@3.1.10 › snapdragon@0.8.2 › source-map-resolve@^0.5.0 See https://github.com/lydell/source-map-resolve#deprecated
deprecate vue-codemod@0.0.5 › jscodeshift@0.11.0 › micromatch@3.1.10 › snapdragon@0.8.2 › source-map-resolve@0.5.3 › source-map-url@^0.4.0 See https://github.com/lydell/source-map-url#deprecated
deprecate vue-codemod@0.0.5 › jscodeshift@0.11.0 › micromatch@3.1.10 › snapdragon@0.8.2 › source-map-resolve@0.5.3 › urix@^0.1.0 Please see https://github.com/lydell/urix#deprecated
deprecate vue-codemod@0.0.5 › jscodeshift@0.11.0 › micromatch@3.1.10 › snapdragon@0.8.2 › source-map-resolve@0.5.3 › resolve-url@^0.2.1 https://github.com/lydell/resolve-url#deprecated
deprecate @vue/cli-ui@5.0.8 › apollo-server-express@^3.9.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.
anti semver @vue/cli-ui@5.0.8 › apollo-server-express@3.12.0 › @types/express@4.17.14 › @types/express-serve-static-core@^4.17.18 delcares @types/express-serve-static-core@^4.17.18(resolved as 4.17.35) but using ancestor(apollo-server-express)'s dependency @types/express-serve-static-core@4.17.31(resolved as 4.17.31)
deprecate @vue/cli-ui@5.0.8 › apollo-server-express@3.12.0 › 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.
deprecate @vue/cli-ui@5.0.8 › 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
deprecate @vue/cli-ui@5.0.8 › apollo-server-express@3.12.0 › apollo-server-types@3.8.0 › 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.
deprecate @vue/cli-ui@5.0.8 › apollo-server-express@3.12.0 › apollo-server-types@3.8.0 › 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.
deprecate @vue/cli-ui@5.0.8 › apollo-server-express@3.12.0 › 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.
deprecate @vue/cli-ui@5.0.8 › apollo-server-express@3.12.0 › apollo-server-core@3.12.0 › 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.
deprecate @vue/cli-ui@5.0.8 › apollo-server-express@3.12.0 › apollo-server-core@3.12.0 › 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.
deprecate @vue/cli-ui@5.0.8 › apollo-server-express@3.12.0 › apollo-server-core@3.12.0 › 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.
Recently updated (since 2023-05-20): 47 packages (detail see file C:\Users\user\AppData\Roaming\npm\node_modules\@vue\cli\node_modules\.recently_updates.txt)
Today:
→ vue-codemod@0.0.5 › @babel/preset-env@^7.10.3(7.22.2) (01:52:00)
→ vue-codemod@0.0.5 › @babel/preset-env@7.22.2 › @babel/plugin-transform-private-methods@^7.22.0(7.22.3) (18:11:00)
→ vue-codemod@0.0.5 › @babel/preset-env@7.22.2 › @babel/plugin-transform-dynamic-import@^7.22.1(7.22.1) (00:34:50)
→ vue-codemod@0.0.5 › @babel/preset-env@7.22.2 › @babel/plugin-transform-logical-assignment-operators@^7.22.0(7.22.3) (18:10:56)
→ vue-codemod@0.0.5 › @babel/preset-env@7.22.2 › @babel/plugin-transform-unicode-sets-regex@^7.22.0(7.22.3) (18:11:03)
→ vue-codemod@0.0.5 › @babel/preset-env@7.22.2 › @babel/plugin-transform-new-target@^7.22.0(7.22.3) (18:10:56)
→ vue-codemod@0.0.5 › @babel/preset-env@7.22.2 › @babel/plugin-transform-unicode-property-regex@^7.22.0(7.22.3) (18:11:01)
→ vue-codemod@0.0.5 › @babel/preset-env@7.22.2 › @babel/plugin-syntax-import-attributes@^7.22.0(7.22.3) (18:10:53)
→ vue-codemod@0.0.5 › @babel/preset-env@7.22.2 › @babel/plugin-transform-named-capturing-groups-regex@^7.22.0(7.22.3) (18:10:56)
→ vue-codemod@0.0.5 › @babel/preset-env@7.22.2 › @babel/plugin-transform-json-strings@^7.22.0(7.22.3) (18:10:55)
→ vue-codemod@0.0.5 › @babel/preset-env@7.22.2 › @babel/plugin-transform-class-properties@^7.22.0(7.22.3) (18:10:54)
→ vue-codemod@0.0.5 › @babel/preset-env@7.22.2 › @babel/plugin-transform-export-namespace-from@^7.22.0(7.22.3) (18:10:55)
→ vue-codemod@0.0.5 › @babel/preset-env@7.22.2 › @babel/plugin-transform-nullish-coalescing-operator@^7.22.0(7.22.3) (18:10:57)
→ vue-codemod@0.0.5 › @babel/preset-env@7.22.2 › @babel/plugin-transform-optional-catch-binding@^7.22.0(7.22.3) (18:10:58)
→ vue-codemod@0.0.5 › @babel/preset-env@7.22.2 › @babel/plugin-transform-numeric-separator@^7.22.0(7.22.3) (18:10:58)
→ vue-codemod@0.0.5 › @babel/preset-env@7.22.2 › @babel/plugin-transform-modules-systemjs@^7.22.0(7.22.3) (18:10:56)
→ vue-codemod@0.0.5 › @babel/preset-env@7.22.2 › @babel/plugin-transform-class-static-block@^7.22.0(7.22.3) (18:10:55)
→ vue-codemod@0.0.5 › @babel/preset-env@7.22.2 › @babel/plugin-transform-private-property-in-object@^7.22.0(7.22.3) (18:11:00)
→ vue-codemod@0.0.5 › @babel/preset-env@7.22.2 › @babel/plugin-transform-async-generator-functions@^7.22.0(7.22.3) (18:10:54)
→ vue-codemod@0.0.5 › @babel/preset-env@7.22.2 › @babel/plugin-transform-object-rest-spread@^7.22.0(7.22.3) (18:11:09)
→ vue-codemod@0.0.5 › @babel/preset-env@7.22.2 › @babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@^7.22.0(7.22.3) (18:11:08)
→ vue-codemod@0.0.5 › @babel/preset-env@7.22.2 › babel-plugin-polyfill-corejs2@^0.4.2(0.4.3) (02:07:04)
→ vue-codemod@0.0.5 › @babel/preset-env@7.22.2 › @babel/plugin-transform-optional-chaining@^7.22.0(7.22.3) (18:10:58)
→ vue-codemod@0.0.5 › @babel/preset-env@7.22.2 › @babel/plugin-transform-parameters@^7.22.0(7.22.3) (18:10:58)
→ vue-codemod@0.0.5 › @babel/preset-env@7.22.2 › @babel/compat-data@^7.22.0(7.22.3) (18:10:50)
→ vue-codemod@0.0.5 › @babel/preset-env@7.22.2 › @babel/helper-compilation-targets@^7.22.1(7.22.1) (00:34:49)
→ vue-codemod@0.0.5 › @babel/preset-env@7.22.2 › @babel/plugin-transform-object-super@7.18.6 › @babel/helper-replace-supers@^7.18.6(7.22.1) (00:34:55)
→ vue-codemod@0.0.5 › @babel/preset-env@7.22.2 › @babel/plugin-transform-async-generator-functions@7.22.3 › @babel/helper-environment-visitor@^7.22.1(7.22.1) (00:34:49)
→ vue-codemod@0.0.5 › @babel/preset-env@7.22.2 › @babel/plugin-transform-unicode-regex@7.18.6 › @babel/helper-create-regexp-features-plugin@^7.18.6(7.22.1) (00:34:49)
→ vue-codemod@0.0.5 › @babel/preset-env@7.22.2 › @babel/plugin-transform-exponentiation-operator@7.18.6 › @babel/helper-builder-binary-assignment-operator-visitor@^7.18.6(7.22.3) (18:11:07)
→ vue-codemod@0.0.5 › @babel/preset-env@7.22.2 › @babel/plugin-transform-modules-umd@7.18.6 › @babel/helper-module-transforms@^7.18.6(7.22.1) (00:34:55)
→ vue-codemod@0.0.5 › @babel/preset-env@7.22.2 › @babel/plugin-transform-private-methods@7.22.3 › @babel/helper-create-class-features-plugin@^7.22.1(7.22.1) (00:34:57)
→ vue-codemod@0.0.5 › jscodeshift@0.11.0 › @babel/preset-typescript@7.21.5 › @babel/plugin-transform-typescript@^7.21.3(7.22.3) (18:11:01)
→ vue-codemod@0.0.5 › @babel/preset-env@7.22.2 › @babel/plugin-transform-object-super@7.18.6 › @babel/helper-replace-supers@7.22.1 › @babel/helper-member-expression-to-functions@^7.22.0(7.22.3) (18:11:08)
→ vue-codemod@0.0.5 › @babel/core@^7.10.3(7.22.1) (00:34:57)
→ vue-codemod@0.0.5 › @babel/preset-env@7.22.2 › @babel/helper-compilation-targets@7.22.1 › browserslist@4.21.5 › electron-to-chromium@^1.4.284(1.4.411) (10:02:21)
→ @types/inquirer@8.2.6 › @types/through@0.0.30 › @types/node@*(20.2.5) (04:33:01)
→ vue-codemod@0.0.5 › @babel/preset-env@7.22.2 › @babel/plugin-transform-object-super@7.18.6 › @babel/helper-replace-supers@7.22.1 › @babel/traverse@^7.22.1(7.22.1) (00:34:54)
→ vue-codemod@0.0.5 › @vue/compiler-core@3.3.4 › @babel/parser@^7.21.3(7.22.3) (18:10:51)
→ vue-codemod@0.0.5 › @babel/core@7.22.1 › @babel/generator@^7.22.0(7.22.3) (18:11:08)
→ vue-codemod@0.0.5 › @babel/types@^7.12.12(7.22.3) (18:11:04)
→ vue-codemod@0.0.5 › @babel/core@7.22.1 › @babel/helpers@^7.22.0(7.22.3) (18:11:07)
→ vue-codemod@0.0.5 › @babel/preset-env@7.22.2 › @babel/plugin-transform-regenerator@7.21.5 › regenerator-transform@0.15.1 › @babel/runtime@^7.8.4(7.22.3) (18:11:03)
2023-05-26
→ vue-codemod@0.0.5 › jscodeshift@0.11.0 › flow-parser@0.*(0.207.0) (11:19:57)
2023-05-24
→ vue-codemod@0.0.5 › @babel/preset-env@7.22.2 › @babel/helper-compilation-targets@7.22.1 › browserslist@4.21.5 › node-releases@^2.0.8(2.0.12) (10:05:03)
2023-05-22
→ vue-codemod@0.0.5 › @babel/preset-env@7.22.2 › @babel/plugin-transform-computed-properties@7.21.5 › @babel/template@^7.20.7(7.21.9) (18:02:21)
→ vue-codemod@0.0.5 › @babel/preset-env@7.22.2 › @babel/helper-compilation-targets@7.22.1 › browserslist@4.21.5 › caniuse-lite@^1.0.30001449(1.0.30001489) (17:47:42)
Run 2 script(s) in 4s.
All packages installed (778 packages installed from npm registry, used 1m(network 1m), speed 557.5KB/s, json 680(8.43MB), tarball 33.89MB, manifests cache hit 0, etag hit 0 / miss 0)
[@vue/cli@5.0.8] link C:\Users\user\AppData\Roaming\npm\vue@ -> C:\Users\user\AppData\Roaming\npm\node_modules\@vue\cli\bin\vue.js


C:\Users\user>

验证安装,在cmd输入vue,出现以下信息即安装成功:

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
C:\Users\user>vue
Usage: vue <command> [options]

Options:
-V, --version output the version number
-h, --help display help for command

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 alias of "npm run serve" in the current project
build alias of "npm run build" in the current project
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
help [command] display help for command

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


C:\Users\user>

当然还可以查看下版本:

1
2
3
4
C:\Users\user>vue --version
@vue/cli 5.0.8

C:\Users\user>

Vue安装指南(Windows)
https://superlovelace.top/2023/10/01/Vue-install/
作者
棱境
发布于
2023年10月1日
更新于
2023年11月7日
许可协议