vuejs3.0 从入门到精通——安装、引入vue 和 安装 Vue Devtools 调试工具
安装、引入vue 和 安装 Vue Devtools 调试工具
一、如何引入 Vue.js
1.1、安装 cnpm
PS C:\WINDOWS\system32> npm -v 8.19.3 PS C:\WINDOWS\system32> npm install -g cnpm --registry=https://registry.npm.taobao.org npm WARN deprecated @npmcli/move-file@2.0.1: This functionality has been moved to @npmcli/fs changed 419 packages in 15s 11 packages are looking for funding run `npm fund` for details PS C:\WINDOWS\system32>
1.2、使用 cnpm 安装 vue.js
Windows PowerShell 版权所有 (C) Microsoft Corporation。保留所有权利。 尝试新的跨平台 PowerShell https://aka.ms/pscore6 PS C:\WINDOWS\system32> cnpm install vue -g cnpm : 无法加载文件 C:\Users\zuoyang\AppData\Roaming\npm\cnpm.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅 htt ps:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。 所在位置 行:1 字符: 1 + cnpm install vue + ~~~~ + CategoryInfo : SecurityError: (:) [],PSSecurityException + FullyQualifiedErrorId : UnauthorizedAccess PS C:\WINDOWS\system32> set-ExecutionPolicy RemoteSigned 执行策略更改 执行策略可帮助你防止执行不信任的脚本。更改执行策略可能会产生安全风险,如 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies 帮助主题所述。是否要更改执行策略? [Y] 是(Y) [A] 全是(A) [N] 否(N) [L] 全否(L) [S] 暂停(S) [?] 帮助 (默认值为“N”): y PS C:\WINDOWS\system32> cnpm install vue √ Installed 1 packages on C:\WINDOWS\system32 √ Linked 21 latest versions fallback to C:\WINDOWS\system32\node_modules\.store\node_modules √ Linked 1 public hoist packages to C:\WINDOWS\system32\node_modules √ Run 0 scripts deprecate vue@3.2.45 › @vue/compiler-sfc@3.2.45 › magic-string@0.25.9 › sourcemap-codec@^1.4.8 Please use @jridgewell/sourcemap-codec instead √ All packages installed (21 packages installed from npm registry, used 2s(network 2s), speed 2.43MB/s, json 21(611.22KB), tarball 3.16MB, manifests cache hit 0, etag hit 0 / miss 0) dependencies: + vue ^3.2.45 PS C:\WINDOWS\system32> 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 resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated npm WARN deprecated source-map-resolve@0.5.3: See https://github.com/lydell/source-map-resolve#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 apollo-server-plugin-base@3.7.1: 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 apollo-server-types@3.7.1: 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-express@3.11.1: 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 apollo-reporting-protobuf@3.3.3: 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.11.1: 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. PS C:\WINDOWS\system32> npm install vue-router -g npm WARN deprecated sourcemap-codec@1.4.8: Please use @jridgewell/sourcemap-codec instead
1.3、引入 Vue 模块
import Vue from 'vue'
二、安装 Vue Devtools
在学习 Vue 时候,前端的前辈们建议我在 Google Chrome 上安装 Vue Devtools 扩展程序。
Vue Devtools 提供了一个界面,可以帮助我们查看 Vue 组件和全局状态管理器 Vuex 中记录的数据。
2.1、能访FQ的安装方式
直接访问 Google Web Store,搜索 "vuejs-devtools" 进行安装。
2.1.1、访问 Google Web Store
https://chrome.google.com/webstore/category/extensions
2.1.2、搜索 devtools
2.1.3、添加至 Chrome
2.2、不能FQ的安装方式
2.2.1、下载 Vue Devtools
PS D:\go-worker> git clone https://github.com/vuejs/devtools.git Cloning into 'devtools'... remote: Enumerating objects: 19396, done. remote: Total 19396 (delta 0), reused 0 (delta 0), pack-reused 19396 .60 MiB/s Receiving objects: 100% (19396/19396), 14.18 MiB | 1.96 MiB/s, done. Resolving deltas: 100% (12967/12967), done. PS D:\go-worker> cd .\devtools\ PS D:\go-worker\devtools> ls 目录: D:\go-worker\devtools Mode LastWriteTime Length Name ---- ------------- ------ ---- d----- 2023-01-17 19:45 .circleci d----- 2023-01-17 19:45 .github d----- 2023-01-17 19:45 .vscode d----- 2023-01-17 19:45 cypress d----- 2023-01-17 19:45 dist d----- 2023-01-17 19:45 media d----- 2023-01-17 19:45 packages -a---- 2023-01-17 19:45 29 .browserslistrc -a---- 2023-01-17 19:45 2870 .eslintrc.js -a---- 2023-01-17 19:45 187 .gitignore -a---- 2023-01-17 19:45 131 babel.config.js -a---- 2023-01-17 19:45 88 cypress.json -a---- 2023-01-17 19:45 4358 extension-zips.js -a---- 2023-01-17 19:45 169 lerna.json -a---- 2023-01-17 19:45 1104 LICENSE -a---- 2023-01-17 19:45 3472 package.json -a---- 2023-01-17 19:45 274 postcss.config.js -a---- 2023-01-17 19:45 1714 README.md -a---- 2023-01-17 19:45 2320 release.js -a---- 2023-01-17 19:45 935 sign-firefox.js -a---- 2023-01-17 19:45 2817 tailwind.config.js -a---- 2023-01-17 19:45 870 tsconfig.json -a---- 2023-01-17 19:45 1970 vue1-test.html -a---- 2023-01-17 19:45 550773 yarn.lock PS D:\go-worker\devtools>
2.2.2、安装构建工具所需要的依赖
PS D:\go-worker\devtools> cnpm install √ Installed 8 packages on D:\go-worker\devtools\packages\shell-host √ Linked 132 latest versions fallback to D:\go-worker\devtools\packages\shell-host\node_modules\.store\node_modules √ Linked 5 public hoist packages to D:\go-worker\devtools\packages\shell-host\node_modules √ Run 0 scripts anti semver webpack@5.75.0 › @types/eslint-scope@3.7.4 › @types/estree@* delcares @types/estree@*(resolved as 1.0.0) but using ancestor(webpack)'s dependency @types/estree@^0.0.51(resolved as 0.0.51) anti semver webpack@5.75.0 › @types/eslint-scope@3.7.4 › @types/eslint@8.4.10 › @types/estree@* delcares @types/estree@*(resolved as 1.0.0) but using ancestor(webpack)'s dependency @types/estree@^0.0.51(resolved as 0.0.51) Recently updated (since 2023-01-10): 3 packages (detail see file D:\go-worker\devtools\packages\shell-host\node_modules\.recently_updates.txt) √ All packages installed (139 packages installed from npm registry, used 6s(network 6s), speed 1.43MB/s, json 123(2.01MB), tarball 6.52MB, manifests cache hit 9, etag hit 9 / miss 0) √ Installed 2 packages on D:\go-worker\devtools\packages\docs √ Linked 48 latest versions fallback to D:\go-worker\devtools\packages\docs\node_modules\.store\node_modules √ Linked 1 public hoist packages to D:\go-worker\devtools\packages\docs\node_modules [1/1] scripts.postinstall vitepress@0.22.4 › vite@2.9.15 › esbuild@^0.14.27 run "node install.js", root: "D:\\go-worker\\devtools\\node_modules\\.store\\esbuild@0.14.54\\node_modules\\esbuild" [1/1] scripts.postinstall vitepress@0.22.4 › vite@2.9.15 › esbuild@^0.14.27 finished in 585ms √ Run 1 scripts peerDependencies WARNING vitepress@0.22.4 › @docsearch/js@3.3.2 › @docsearch/react@3.3.2 › @algolia/autocomplete-preset-algolia@1.7.4 requires a peer of @algolia/client-search@>= 4.9.1 < 6 but none was installed, packageDir: D:\go-worker\devtools\node_modules\.store\@algolia+autocomplete-preset-algolia@1.7.4\node_modules\@algolia\autocomplete-preset-algolia deprecate vue@3.2.45 › @vue/compiler-sfc@3.2.45 › magic-string@0.25.9 › sourcemap-codec@^1.4.8 Please use @jridgewell/sourcemap-codec instead √ All packages installed (44 packages installed from npm registry, used 6s(network 5s), speed 1.86MB/s, json 50(2.42MB), tarball 7.29MB, manifests cache hit 19, etag hit 12 / miss 0) √ Installed 20 packages on D:\go-worker\devtools\packages\build-tools √ Linked 282 latest versions fallback to D:\go-worker\devtools\packages\build-tools\node_modules\.store\node_modules √ Linked 108 public hoist packages to D:\go-worker\devtools\packages\build-tools\node_modules [1/2] scripts.postinstall esbuild@^0.11.20 run "node install.js", root: "D:\\go-worker\\devtools\\node_modules\\.store\\esbuild@0.11.23\\node_modules\\esbuild" [1/2] scripts.postinstall esbuild@^0.11.20 finished in 4s [2/2] scripts.postinstall esbuild-loader@2.21.0 › esbuild@^0.16.17 run "node install.js", root: "D:\\go-worker\\devtools\\node_modules\\.store\\esbuild@0.16.17\\node_modules\\esbuild" [2/2] scripts.postinstall esbuild-loader@2.21.0 › esbuild@^0.16.17 finished in 704ms √ Run 2 scripts peerDependencies WARNING eslint-webpack-plugin@^2.5.4 requires a peer of eslint@^7.0.0 || ^8.0.0 but none was installed, packageDir: D:\go-worker\devtools\node_modules\.store\eslint-webpack-plugin@2.7.0\node_modules\eslint-webpack-plugin peerDependencies WARNING postcss-loader@^5.2.0 requires a peer of postcss@^7.0.0 || ^8.0.1 but none was installed, packageDir: D:\go-worker\devtools\node_modules\.store\postcss-loader@5.3.0\node_modules\postcss-loader peerDependencies WARNING monaco-editor-webpack-plugin@^3.1.0 requires a peer of monaco-editor@0.22.x || 0.23.x || 0.24.x but none was installed, packageDir: D:\go-worker\devtools\node_modules\.store\monaco-editor-webpack-plugin@3.1.0\node_modules\monaco-editor-webpack-plugin peerDependencies WARNING fork-ts-checker-webpack-plugin@^6.2.6 requires a peer of typescript@>= 2.7 but none was installed, packageDir: D:\go-worker\devtools\node_modules\.store\fork-ts-checker-webpack-plugin@6.5.2\node_modules\fork-ts-checker-webpack-plugin peerDependencies WARNING friendly-errors-webpack-plugin@^1.7.0 requires a peer of webpack@^2.0.0 || ^3.0.0 || ^4.0.0 but D:\go-worker\devtools\node_modules\webpack was installed at webpack@5.75.0, packageDir: D:\go-worker\devtools\node_modules\.store\friendly-errors-webpack-plugin@1.7.0\node_modules\friendly-errors-webpack-plugin deprecate stylus@0.54.8 › css-parse@2.0.0 › css@2.2.4 › urix@^0.1.0 Please see https://github.com/lydell/urix#deprecated deprecate stylus@0.54.8 › css-parse@2.0.0 › css@2.2.4 › source-map-resolve@^0.5.2 See https://github.com/lydell/source-map-resolve#deprecated deprecate stylus@0.54.8 › css-parse@2.0.0 › css@2.2.4 › source-map-resolve@0.5.3 › resolve-url@^0.2.1 https://github.com/lydell/resolve-url#deprecated deprecate stylus@0.54.8 › css-parse@2.0.0 › css@2.2.4 › source-map-resolve@0.5.3 › source-map-url@^0.4.0 See https://github.com/lydell/source-map-url#deprecated Recently updated (since 2023-01-10): 5 packages (detail see file D:\go-worker\devtools\packages\build-tools\node_modules\.recently_updates.txt) Today: → postcss-loader@5.3.0 › klona@^2.0.4(2.0.6) (03:20:29) √ All packages installed (288 packages installed from npm registry, used 12s(network 7s), speed 1.79MB/s, json 271(2.49MB), tarball 10.06MB, manifests cache hit 33, etag hit 0 / miss 0) √ Installed 14 packages on D:\go-worker\devtools\packages\shell-dev-vue3 √ Linked 20 latest versions fallback to D:\go-worker\devtools\packages\shell-dev-vue3\node_modules\.store\node_modules [1/1] scripts.postinstall core-js@^3.6.4 run "node -e \"try{require('./postinstall')}catch(e){}\"", root: "D:\\go-worker\\devtools\\node_modules\\.store\\core-js@3.27.1\\node_modules\\core-js" Thank you for using core-js ( https://github.com/zloirock/core-js ) for polyfilling JavaScript standard library! The project needs your help! Please consider supporting of core-js: > https://opencollective.com/core-js > https://patreon.com/zloirock > bitcoin: bc1qlea7544qtsmj2rayg0lthvza9fau63ux0fstcz Also, the author of core-js ( https://github.com/zloirock ) is looking for a good job -) [1/1] scripts.postinstall core-js@^3.6.4 finished in 150ms √ Run 1 scripts √ All packages installed (10 packages installed from npm registry, used 5s(network 5s), speed 166.45KB/s, json 8(180.24KB), tarball 588.94KB, manifests cache hit 12, etag hit 0 / miss 0) √ Installed 7 packages on D:\go-worker\devtools\packages\shell-chrome √ Linked 4 latest versions fallback to D:\go-worker\devtools\packages\shell-chrome\node_modules\.store\node_modules √ Run 0 scripts √ All packages installed (1 packages installed from npm registry, used 258ms(network 251ms), speed 81.57KB/s, json 1(14.15KB), tarball 6.33KB, manifests cache hit 3, etag hit 0 / miss 0) √ Installed 7 packages on D:\go-worker\devtools\packages\shell-dev-vue2 √ Linked 5 latest versions fallback to D:\go-worker\devtools\packages\shell-dev-vue2\node_modules\.store\node_modules √ Run 0 scripts peerDependencies WARNING vuex@^3.6.2 requires a peer of vue@^2.0.0 but D:\go-worker\devtools\node_modules\vue was installed at vue@3.2.45, packageDir: D:\go-worker\devtools\node_modules\.store\vuex@3.6.2\node_modules\vuex √ All packages installed (1 packages installed from npm registry, used 186ms(network 146ms), speed 343.78KB/s, json 0(0B), tarball 50.19KB, manifests cache hit 5, etag hit 0 / miss 0) √ Installed 3 packages on D:\go-worker\devtools\packages\api √ Linked 3 latest versions fallback to D:\go-worker\devtools\packages\api\node_modules\.store\node_modules √ Run 0 scripts √ All packages installed (3 packages installed from npm registry, used 4s(network 4s), speed 3.05MB/s, json 2(678.13KB), tarball 11.19MB, manifests cache hit 1, etag hit 0 / miss 0) √ Installed 4 packages on D:\go-worker\devtools\packages\shared-utils √ Linked 3 latest versions fallback to D:\go-worker\devtools\packages\shared-utils\node_modules\.store\node_modules √ Run 0 scripts √ All packages installed (used 98ms(network 90ms), speed 0B/s, json 0(0B), tarball 0B, manifests cache hit 3, etag hit 0 / miss 0) √ Installed 6 packages on D:\go-worker\devtools\packages\app-backend-vue3 √ Linked 3 latest versions fallback to D:\go-worker\devtools\packages\app-backend-vue3\node_modules\.store\node_modules √ Run 0 scripts √ All packages installed (used 65ms(network 59ms), speed 0B/s, json 0(0B), tarball 0B, manifests cache hit 3, etag hit 0 / miss 0) √ Installed 20 packages on D:\go-worker\devtools\packages\app-frontend √ Linked 116 latest versions fallback to D:\go-worker\devtools\packages\app-frontend\node_modules\.store\node_modules √ Run 0 scripts peerDependencies WARNING @pixi/events@^6.2.0 requires a peer of @pixi/display@6.5.8 but none was installed, packageDir: D:\go-worker\devtools\node_modules\.store\@pixi+events@6.5.8\node_modules\@pixi\events peerDependencies WARNING @pixi/unsafe-eval@^6.2.0 requires a peer of @pixi/core@6.5.8 but none was installed, packageDir: D:\go-worker\devtools\node_modules\.store\@pixi+unsafe-eval@6.5.8\node_modules\@pixi\unsafe-eval peerDependencies WARNING pixi.js-legacy@6.5.8 › @pixi/canvas-extract@6.5.8 requires a peer of @pixi/core@6.5.8 but none was installed, packageDir: D:\go-worker\devtools\node_modules\.store\@pixi+canvas-extract@6.5.8\node_modules\@pixi\canvas-extract peerDependencies WARNING pixi.js-legacy@6.5.8 › @pixi/canvas-particle-container@6.5.8 requires a peer of @pixi/particle-container@6.5.8 but none was installed, packageDir: D:\go-worker\devtools\node_modules\.store\@pixi+canvas-particle-container@6.5.8\node_modules\@pixi\canvas-particle-container peerDependencies WARNING pixi.js-legacy@6.5.8 › @pixi/canvas-text@6.5.8 requires a peer of @pixi/sprite@6.5.8 but none was installed, packageDir: D:\go-worker\devtools\node_modules\.store\@pixi+canvas-text@6.5.8\node_modules\@pixi\canvas-text peerDependencies WARNING pixi.js-legacy@6.5.8 › @pixi/canvas-display@6.5.8 requires a peer of @pixi/display@6.5.8 but none was installed, packageDir: D:\go-worker\devtools\node_modules\.store\@pixi+canvas-display@6.5.8\node_modules\@pixi\canvas-display peerDependencies WARNING pixi.js-legacy@6.5.8 › @pixi/canvas-graphics@6.5.8 requires a peer of @pixi/constants@6.5.8 but none was installed, packageDir: D:\go-worker\devtools\node_modules\.store\@pixi+canvas-graphics@6.5.8\node_modules\@pixi\canvas-graphics peerDependencies WARNING pixi.js-legacy@6.5.8 › @pixi/canvas-mesh@6.5.8 requires a peer of @pixi/constants@6.5.8 but none was installed, packageDir: D:\go-worker\devtools\node_modules\.store\@pixi+canvas-mesh@6.5.8\node_modules\@pixi\canvas-mesh peerDependencies WARNING pixi.js-legacy@6.5.8 › @pixi/canvas-sprite@6.5.8 requires a peer of @pixi/constants@6.5.8 but none was installed, packageDir: D:\go-worker\devtools\node_modules\.store\@pixi+canvas-sprite@6.5.8\node_modules\@pixi\canvas-sprite peerDependencies WARNING pixi.js-legacy@6.5.8 › @pixi/canvas-prepare@6.5.8 requires a peer of @pixi/core@6.5.8 but none was installed, packageDir: D:\go-worker\devtools\node_modules\.store\@pixi+canvas-prepare@6.5.8\node_modules\@pixi\canvas-prepare peerDependencies WARNING pixi.js-legacy@6.5.8 › @pixi/canvas-renderer@6.5.8 requires a peer of @pixi/constants@6.5.8 but none was installed, packageDir: D:\go-worker\devtools\node_modules\.store\@pixi+canvas-renderer@6.5.8\node_modules\@pixi\canvas-renderer peerDependencies WARNING pixi.js-legacy@6.5.8 › @pixi/canvas-sprite-tiling@6.5.8 requires a peer of @pixi/math@6.5.8 but none was installed, packageDir: D:\go-worker\devtools\node_modules\.store\@pixi+canvas-sprite-tiling@6.5.8\node_modules\@pixi\canvas-sprite-tiling peerDependencies WARNING @pixi/events@^6.2.0 requires a peer of @pixi/math@6.5.8 but none was installed, packageDir: D:\go-worker\devtools\node_modules\.store\@pixi+events@6.5.8\node_modules\@pixi\events peerDependencies WARNING pixi.js-legacy@6.5.8 › @pixi/canvas-extract@6.5.8 requires a peer of @pixi/display@6.5.8 but none was installed, packageDir: D:\go-worker\devtools\node_modules\.store\@pixi+canvas-extract@6.5.8\node_modules\@pixi\canvas-extract peerDependencies WARNING pixi.js-legacy@6.5.8 › @pixi/canvas-graphics@6.5.8 requires a peer of @pixi/core@6.5.8 but none was installed, packageDir: D:\go-worker\devtools\node_modules\.store\@pixi+canvas-graphics@6.5.8\node_modules\@pixi\canvas-graphics peerDependencies WARNING pixi.js-legacy@6.5.8 › @pixi/canvas-mesh@6.5.8 requires a peer of @pixi/core@6.5.8 but none was installed, packageDir: D:\go-worker\devtools\node_modules\.store\@pixi+canvas-mesh@6.5.8\node_modules\@pixi\canvas-mesh peerDependencies WARNING pixi.js-legacy@6.5.8 › @pixi/canvas-text@6.5.8 requires a peer of @pixi/text@6.5.8 but none was installed, packageDir: D:\go-worker\devtools\node_modules\.store\@pixi+canvas-text@6.5.8\node_modules\@pixi\canvas-text peerDependencies WARNING pixi.js-legacy@6.5.8 › @pixi/canvas-sprite@6.5.8 requires a peer of @pixi/core@6.5.8 but none was installed, packageDir: D:\go-worker\devtools\node_modules\.store\@pixi+canvas-sprite@6.5.8\node_modules\@pixi\canvas-sprite peerDependencies WARNING pixi.js-legacy@6.5.8 › @pixi/canvas-sprite-tiling@6.5.8 requires a peer of @pixi/sprite-tiling@6.5.8 but none was installed, packageDir: D:\go-worker\devtools\node_modules\.store\@pixi+canvas-sprite-tiling@6.5.8\node_modules\@pixi\canvas-sprite-tiling peerDependencies WARNING pixi.js-legacy@6.5.8 › @pixi/canvas-prepare@6.5.8 requires a peer of @pixi/prepare@6.5.8 but none was installed, packageDir: D:\go-worker\devtools\node_modules\.store\@pixi+canvas-prepare@6.5.8\node_modules\@pixi\canvas-prepare peerDependencies WARNING pixi.js-legacy@6.5.8 › @pixi/canvas-renderer@6.5.8 requires a peer of @pixi/core@6.5.8 but none was installed, packageDir: D:\go-worker\devtools\node_modules\.store\@pixi+canvas-renderer@6.5.8\node_modules\@pixi\canvas-renderer peerDependencies WARNING @pixi/events@^6.2.0 requires a peer of @pixi/utils@6.5.8 but none was installed, packageDir: D:\go-worker\devtools\node_modules\.store\@pixi+events@6.5.8\node_modules\@pixi\events peerDependencies WARNING pixi.js-legacy@6.5.8 › @pixi/canvas-extract@6.5.8 requires a peer of @pixi/math@6.5.8 but none was installed, packageDir: D:\go-worker\devtools\node_modules\.store\@pixi+canvas-extract@6.5.8\node_modules\@pixi\canvas-extract peerDependencies WARNING pixi.js-legacy@6.5.8 › @pixi/canvas-graphics@6.5.8 requires a peer of @pixi/graphics@6.5.8 but none was installed, packageDir: D:\go-worker\devtools\node_modules\.store\@pixi+canvas-graphics@6.5.8\node_modules\@pixi\canvas-graphics peerDependencies WARNING pixi.js-legacy@6.5.8 › @pixi/canvas-mesh@6.5.8 requires a peer of @pixi/mesh@6.5.8 but none was installed, packageDir: D:\go-worker\devtools\node_modules\.store\@pixi+canvas-mesh@6.5.8\node_modules\@pixi\canvas-mesh peerDependencies WARNING pixi.js-legacy@6.5.8 › @pixi/canvas-sprite@6.5.8 requires a peer of @pixi/math@6.5.8 but none was installed, packageDir: D:\go-worker\devtools\node_modules\.store\@pixi+canvas-sprite@6.5.8\node_modules\@pixi\canvas-sprite peerDependencies WARNING pixi.js-legacy@6.5.8 › @pixi/canvas-prepare@6.5.8 requires a peer of @pixi/settings@6.5.8 but none was installed, packageDir: D:\go-worker\devtools\node_modules\.store\@pixi+canvas-prepare@6.5.8\node_modules\@pixi\canvas-prepare peerDependencies WARNING pixi.js-legacy@6.5.8 › @pixi/canvas-renderer@6.5.8 requires a peer of @pixi/math@6.5.8 but none was installed, packageDir: D:\go-worker\devtools\node_modules\.store\@pixi+canvas-renderer@6.5.8\node_modules\@pixi\canvas-renderer peerDependencies WARNING pixi.js-legacy@6.5.8 › @pixi/canvas-sprite-tiling@6.5.8 requires a peer of @pixi/utils@6.5.8 but none was installed, packageDir: D:\go-worker\devtools\node_modules\.store\@pixi+canvas-sprite-tiling@6.5.8\node_modules\@pixi\canvas-sprite-tiling peerDependencies WARNING pixi.js-legacy@6.5.8 › @pixi/canvas-extract@6.5.8 requires a peer of @pixi/utils@6.5.8 but none was installed, packageDir: D:\go-worker\devtools\node_modules\.store\@pixi+canvas-extract@6.5.8\node_modules\@pixi\canvas-extract peerDependencies WARNING pixi.js-legacy@6.5.8 › @pixi/canvas-graphics@6.5.8 requires a peer of @pixi/math@6.5.8 but none was installed, packageDir: D:\go-worker\devtools\node_modules\.store\@pixi+canvas-graphics@6.5.8\node_modules\@pixi\canvas-graphics peerDependencies WARNING pixi.js-legacy@6.5.8 › @pixi/canvas-mesh@6.5.8 requires a peer of @pixi/mesh-extras@6.5.8 but none was installed, packageDir: D:\go-worker\devtools\node_modules\.store\@pixi+canvas-mesh@6.5.8\node_modules\@pixi\canvas-mesh peerDependencies WARNING pixi.js-legacy@6.5.8 › @pixi/canvas-sprite@6.5.8 requires a peer of @pixi/sprite@6.5.8 but none was installed, packageDir: D:\go-worker\devtools\node_modules\.store\@pixi+canvas-sprite@6.5.8\node_modules\@pixi\canvas-sprite peerDependencies WARNING pixi.js-legacy@6.5.8 › @pixi/canvas-renderer@6.5.8 requires a peer of @pixi/settings@6.5.8 but none was installed, packageDir: D:\go-worker\devtools\node_modules\.store\@pixi+canvas-renderer@6.5.8\node_modules\@pixi\canvas-renderer peerDependencies WARNING pixi.js-legacy@6.5.8 › @pixi/canvas-mesh@6.5.8 requires a peer of @pixi/settings@6.5.8 but none was installed, packageDir: D:\go-worker\devtools\node_modules\.store\@pixi+canvas-mesh@6.5.8\node_modules\@pixi\canvas-mesh peerDependencies WARNING pixi.js-legacy@6.5.8 › @pixi/canvas-sprite@6.5.8 requires a peer of @pixi/utils@6.5.8 but none was installed, packageDir: D:\go-worker\devtools\node_modules\.store\@pixi+canvas-sprite@6.5.8\node_modules\@pixi\canvas-sprite peerDependencies WARNING pixi.js-legacy@6.5.8 › @pixi/canvas-renderer@6.5.8 requires a peer of @pixi/utils@6.5.8 but none was installed, packageDir: D:\go-worker\devtools\node_modules\.store\@pixi+canvas-renderer@6.5.8\node_modules\@pixi\canvas-renderer deprecate pixi.js-legacy@6.5.8 › pixi.js@6.5.8 › @pixi/utils@6.5.8 › url@0.11.0 › querystring@0.2.0 The querystring API is considered Legacy. new code should use the URLSearchParams API instead. √ All packages installed (108 packages installed from npm registry, used 18s(network 17s), speed 1.71MB/s, json 104(2.44MB), tarball 26.6MB, manifests cache hit 12, etag hit 0 / miss 0) √ Installed 14 packages on D:\go-worker\devtools\packages\shell-electron √ Linked 140 latest versions fallback to D:\go-worker\devtools\packages\shell-electron\node_modules\.store\node_modules [1/2] scripts.install utf-8-validate@^5.0.9 run "node-gyp-build", root: "D:\\go-worker\\devtools\\node_modules\\.store\\utf-8-validate@5.0.10\\node_modules\\utf-8-validate" [1/2] scripts.install utf-8-validate@^5.0.9 finished in 275ms [2/2] scripts.postinstall electron@^21.0.1 run "node install.js", root: "D:\\go-worker\\devtools\\node_modules\\.store\\electron@21.3.4\\node_modules\\electron" √ Installed 5 packages on D:\go-worker\devtools\packages\app-backend-api √ Linked 3 latest versions fallback to D:\go-worker\devtools\packages\app-backend-api\node_modules\.store\node_modules √ Run 0 scriptstron@21.3.4 › extract-zip@2.0.1 › @types/yauzl@2.10.0 › @types/node@* delcares @types/node@*(resolved as 18.11.18) but using ancestor(electron)'s dependency @types/node@^16.11.26(resolved as 16.18.11) √ All packages installed (used 74ms(network 65ms), speed 0B/s, json 0(0B), tarball 0B, manifests cache hit 3, etag hit 0 / miss 0)ly_updates.txt) √ All packages installed (128 packages installed from npm registry, used 34s(network 4s), speed 923.99KB/s, json 118(1.02MB), tarball 2.5MB, manifests cache hit 22, etag hit 0 / miss 0) √ Installed 9 packages on D:\go-worker\devtools\packages\app-backend-vue2 √ Linked 6 latest versions fallback to D:\go-worker\devtools\packages\app-backend-vue2\node_modules\.store\node_modules √ Run 0 scripts √ All packages installed (used 95ms(network 83ms), speed 0B/s, json 0(0B), tarball 0B, manifests cache hit 6, etag hit 0 / miss 0) √ Installed 5 packages on D:\go-worker\devtools\packages\app-backend-vue1 √ Linked 3 latest versions fallback to D:\go-worker\devtools\packages\app-backend-vue1\node_modules\.store\node_modules √ Run 0 scripts √ All packages installed (used 85ms(network 74ms), speed 0B/s, json 0(0B), tarball 0B, manifests cache hit 3, etag hit 0 / miss 0) √ Installed 11 packages on D:\go-worker\devtools\packages\app-backend-core √ Linked 5 latest versions fallback to D:\go-worker\devtools\packages\app-backend-core\node_modules\.store\node_modules √ Run 0 scripts √ All packages installed (1 packages installed from npm registry, used 496ms(network 487ms), speed 95.04KB/s, json 1(11.48KB), tarball 34.81KB, manifests cache hit 4, etag hit 0 / miss 0) √ Installed 29 packages on D:\go-worker\devtools √ Linked 800 latest versions fallback to D:\go-worker\devtools\node_modules\.store\node_modules √ Linked 28 public hoist packages to D:\go-worker\devtools\node_modules [1/1] scripts.postinstall cypress@^3.1.0 run "node index.js --exec install", root: "D:\\go-worker\\devtools\\node_modules\\.store\\cypress@3.8.3\\node_modules\\cypress" Installing Cypress (version: 3.8.3) √ Downloaded Cypress √ Unzipped Cypress √ Finished Installation C:\Users\zuoyang\AppData\Local\Cypress\Cache\3.8.3 You can now open Cypress by running: node_modules\.bin\cypress open https://on.cypress.io/installing-cypress [1/1] scripts.postinstall cypress@^3.1.0 finished in 3m √ Run 1 scripts peerDependencies WARNING eslint-plugin-vue@^6.0.0 requires a peer of eslint@^5.0.0 || ^6.0.0 but D:\go-worker\devtools\node_modules\eslint was installed at eslint@7.32.0, packageDir: D:\go-worker\devtools\node_modules\.store\eslint-plugin-vue@6.2.2\node_modules\eslint-plugin-vue peerDependencies WARNING @vue/eslint-config-standard@^6.0.0 requires a peer of eslint-plugin-vue@^7.0.0 but D:\go-worker\devtools\node_modules\eslint-plugin-vue was installed at eslint-plugin-vue@6.2.2, packageDir: D:\go-worker\devtools\node_modules\.store\@vue+eslint-config-standard@6.1.0\node_modules\@vue\eslint-config-standard deprecate eslint-plugin-standard@^5.0.0 standard 16.0.0 and eslint-config-standard 16.0.0 no longer require the eslint-plugin-standard package. You can remove it from your dependencies with 'npm rm eslint-plugin-standard'. More info here: https://github.com/standard/standard/issues/1316 deprecate lerna@4.0.0 › @lerna/bootstrap@4.0.0 › read-package-tree@^5.3.1 The functionality that this package provided is now in @npmcli/arborist deprecate lerna@4.0.0 › @lerna/version@4.0.0 › temp-write@4.0.0 › uuid@^3.3.2 Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details. deprecate lerna@4.0.0 › @lerna/bootstrap@4.0.0 › read-package-tree@5.3.1 › readdir-scoped-modules@^1.0.0 This functionality has been moved to @npmcli/fs deprecate lerna@4.0.0 › @lerna/add@4.0.0 › pacote@11.3.5 › cacache@15.3.0 › @npmcli/move-file@^1.0.1 This functionality has been moved to @npmcli/fs deprecate lerna@4.0.0 › @lerna/version@4.0.0 › @lerna/run-lifecycle@4.0.0 › npm-lifecycle@3.1.5 › node-gyp@5.1.1 › request@^2.88.0 request has been deprecated, see https://github.com/request/request/issues/3142 deprecate lerna@4.0.0 › @lerna/version@4.0.0 › @lerna/run-lifecycle@4.0.0 › npm-lifecycle@3.1.5 › node-gyp@5.1.1 › request@2.88.2 › har-validator@~5.1.3 this library is no longer supported deprecate cypress@3.8.3 › debug@3.2.6 Debug versions >=3.2.0 <3.2.7 || >=4 <4.3.1 have a low-severity ReDos regression when used in a Node.js environment. It is recommended you upgrade to 3.2.7 or 4.3.1. (https://github.com/visionmedia/debug/issues/797) deprecate cypress@3.8.3 › request@2.88.0 request has been deprecated, see https://github.com/request/request/issues/3142 deprecate cypress@3.8.3 › extract-zip@1.6.7 › mkdirp@0.5.1 Legacy versions of mkdirp are no longer supported. Please update to mkdirp 1.x. (Note that the API surface has changed to use Promises in 1.x.) Recently updated (since 2023-01-10): 6 packages (detail see file D:\go-worker\devtools\node_modules\.recently_updates.txt) Today: → eslint-plugin-import@^2.20.2(2.27.5) (03:44:39) √ All packages installed (816 packages installed from npm registry, used 4m(network 52s), speed 682.04KB/s, json 642(12MB), tarball 22.37MB, manifests cache hit 158, etag hit 0 / miss 0) PS D:\go-worker\devtools>
2.2.3、构建工具
PS D:\go-worker\devtools> npm run build > vue-devtools@6.4.5 build > lerna run build lerna notice cli v4.0.0 lerna info Executing command in 9 packages: "yarn run build" lerna ERR! yarn run build exited 1 in '@vue/devtools-api' lerna ERR! yarn run build stderr: 'yarn' �����ڲ����ⲿ���Ҳ���ǿ����еij��� ���������ļ��� lerna ERR! yarn run build exited 1 in '@vue/devtools-api'
npm run build 报错,提示用 "yarn run build",那我们就安装 yarn 并编译(晚上网络不好,就不等过程了。)
PS D:\go-worker\devtools> yarn install yarn install v1.22.19 [1/5] Validating package.json... [2/5] Resolving packages... [3/5] Fetching packages... [4/5] Linking dependencies... warning " > webpack-dev-server@4.0.0-rc.0" has unmet peer dependency "webpack@^4.0.0 || ^5.0.0". warning "webpack-dev-server > webpack-dev-middleware@5.3.3" has unmet peer dependency "webpack@^4.0.0 || ^5.0.0". warning "@typescript-eslint/eslint-plugin > tsutils@3.21.0" has unmet peer dependency "typescript@>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta". warning " > @vue/eslint-config-standard@6.1.0" has incorrect peer dependency "eslint-plugin-vue@^7.0.0". warning "@vue/eslint-config-standard > eslint-import-resolver-webpack@0.13.2" has unmet peer dependency "webpack@>=1.11.0". warning " > eslint-plugin-vue@6.2.2" has incorrect peer dependency "eslint@^5.0.0 || ^6.0.0". warning " > vue-loader@15.10.0" has unmet peer dependency "css-loader@*". warning " > vue-loader@15.10.0" has unmet peer dependency "webpack@^3.0.0 || ^4.1.0 || ^5.0.0-0". warning "workspace-aggregator-bf840c8b-6690-4a77-bb2d-24d3e6a39701 > @vue-devtools/app-frontend > @pixi/events@6.5.4" has unmet peer dependency "@pixi/display@6.5.4". warning "workspace-aggregator-bf840c8b-6690-4a77-bb2d-24d3e6a39701 > @vue-devtools/app-frontend > @pixi/events@6.5.4" has unmet peer dependency "@pixi/math@6.5.4". warning "workspace-aggregator-bf840c8b-6690-4a77-bb2d-24d3e6a39701 > @vue-devtools/app-frontend > @pixi/events@6.5.4" has unmet peer dependency "@pixi/utils@6.5.4". warning "workspace-aggregator-bf840c8b-6690-4a77-bb2d-24d3e6a39701 > @vue-devtools/app-frontend > @pixi/unsafe-eval@6.5.4" has unmet peer dependency "@pixi/core@6.5.4". warning "workspace-aggregator-bf840c8b-6690-4a77-bb2d-24d3e6a39701 > @vue-devtools/build-tools > fork-ts-checker-webpack-plugin@6.5.2" has unmet peer dependency "typescript@>= 2.7". warning "workspace-aggregator-bf840c8b-6690-4a77-bb2d-24d3e6a39701 > @vue-devtools/build-tools > friendly-errors-webpack-plugin@1.7.0" has incorrect peer dependency "webpack@^2.0.0 || ^3.0.0 || ^4.0.0". warning "workspace-aggregator-bf840c8b-6690-4a77-bb2d-24d3e6a39701 > @vue-devtools/build-tools > monaco-editor-webpack-plugin@3.1.0" has unmet peer dependency "monaco-editor@0.22.x || 0.23.x || 0.24.x". warning "workspace-aggregator-bf840c8b-6690-4a77-bb2d-24d3e6a39701 > @vue-devtools/build-tools > postcss-loader@5.3.0" has unmet peer dependency "postcss@^7.0.0 || ^8.0.1". warning "workspace-aggregator-bf840c8b-6690-4a77-bb2d-24d3e6a39701 > @vue-devtools/shell-dev-vue2 > vuex@3.6.2" has unmet peer dependency "vue@^2.0.0". warning "workspace-aggregator-bf840c8b-6690-4a77-bb2d-24d3e6a39701 > @vue-devtools/app-frontend > pixi.js-legacy > @pixi/canvas-display@6.5.4" has unmet peer dependency "@pixi/display@6.5.4". warning "workspace-aggregator-bf840c8b-6690-4a77-bb2d-24d3e6a39701 > @vue-devtools/app-frontend > pixi.js-legacy > @pixi/canvas-extract@6.5.4" has unmet peer dependency "@pixi/core@6.5.4". warning "workspace-aggregator-bf840c8b-6690-4a77-bb2d-24d3e6a39701 > @vue-devtools/app-frontend > pixi.js-legacy > @pixi/canvas-extract@6.5.4" has unmet peer dependency "@pixi/display@6.5.4". warning "workspace-aggregator-bf840c8b-6690-4a77-bb2d-24d3e6a39701 > @vue-devtools/app-frontend > pixi.js-legacy > @pixi/canvas-extract@6.5.4" has unmet peer dependency "@pixi/math@6.5.4". warning "workspace-aggregator-bf840c8b-6690-4a77-bb2d-24d3e6a39701 > @vue-devtools/app-frontend > pixi.js-legacy > @pixi/canvas-extract@6.5.4" has unmet peer dependency "@pixi/utils@6.5.4". warning "workspace-aggregator-bf840c8b-6690-4a77-bb2d-24d3e6a39701 > @vue-devtools/app-frontend > pixi.js-legacy > @pixi/canvas-graphics@6.5.4" has unmet peer dependency "@pixi/constants@6.5.4". warning "workspace-aggregator-bf840c8b-6690-4a77-bb2d-24d3e6a39701 > @vue-devtools/app-frontend > pixi.js-legacy > @pixi/canvas-graphics@6.5.4" has unmet peer dependency "@pixi/core@6.5.4". warning "workspace-aggregator-bf840c8b-6690-4a77-bb2d-24d3e6a39701 > @vue-devtools/app-frontend > pixi.js-legacy > @pixi/canvas-graphics@6.5.4" has unmet peer dependency "@pixi/graphics@6.5.4". warning "workspace-aggregator-bf840c8b-6690-4a77-bb2d-24d3e6a39701 > @vue-devtools/app-frontend > pixi.js-legacy > @pixi/canvas-graphics@6.5.4" has unmet peer dependency "@pixi/math@6.5.4". warning "workspace-aggregator-bf840c8b-6690-4a77-bb2d-24d3e6a39701 > @vue-devtools/app-frontend > pixi.js-legacy > @pixi/canvas-mesh@6.5.4" has unmet peer dependency "@pixi/constants@6.5.4". warning "workspace-aggregator-bf840c8b-6690-4a77-bb2d-24d3e6a39701 > @vue-devtools/app-frontend > pixi.js-legacy > @pixi/canvas-mesh@6.5.4" has unmet peer dependency "@pixi/core@6.5.4". warning "workspace-aggregator-bf840c8b-6690-4a77-bb2d-24d3e6a39701 > @vue-devtools/app-frontend > pixi.js-legacy > @pixi/canvas-mesh@6.5.4" has unmet peer dependency "@pixi/mesh@6.5.4". warning "workspace-aggregator-bf840c8b-6690-4a77-bb2d-24d3e6a39701 > @vue-devtools/app-frontend > pixi.js-legacy > @pixi/canvas-mesh@6.5.4" has unmet peer dependency "@pixi/mesh-extras@6.5.4". warning "workspace-aggregator-bf840c8b-6690-4a77-bb2d-24d3e6a39701 > @vue-devtools/app-frontend > pixi.js-legacy > @pixi/canvas-mesh@6.5.4" has unmet peer dependency "@pixi/settings@6.5.4". warning "workspace-aggregator-bf840c8b-6690-4a77-bb2d-24d3e6a39701 > @vue-devtools/app-frontend > pixi.js-legacy > @pixi/canvas-particle-container@6.5.4" has unmet peer dependency "@pixi/particle-container@6.5.4". warning "workspace-aggregator-bf840c8b-6690-4a77-bb2d-24d3e6a39701 > @vue-devtools/app-frontend > pixi.js-legacy > @pixi/canvas-prepare@6.5.4" has unmet peer dependency "@pixi/core@6.5.4". warning "workspace-aggregator-bf840c8b-6690-4a77-bb2d-24d3e6a39701 > @vue-devtools/app-frontend > pixi.js-legacy > @pixi/canvas-prepare@6.5.4" has unmet peer dependency "@pixi/prepare@6.5.4". warning "workspace-aggregator-bf840c8b-6690-4a77-bb2d-24d3e6a39701 > @vue-devtools/app-frontend > pixi.js-legacy > @pixi/canvas-prepare@6.5.4" has unmet peer dependency "@pixi/settings@6.5.4". warning "workspace-aggregator-bf840c8b-6690-4a77-bb2d-24d3e6a39701 > @vue-devtools/app-frontend > pixi.js-legacy > @pixi/canvas-renderer@6.5.4" has unmet peer dependency "@pixi/constants@6.5.4". warning "workspace-aggregator-bf840c8b-6690-4a77-bb2d-24d3e6a39701 > @vue-devtools/app-frontend > pixi.js-legacy > @pixi/canvas-renderer@6.5.4" has unmet peer dependency "@pixi/core@6.5.4". warning "workspace-aggregator-bf840c8b-6690-4a77-bb2d-24d3e6a39701 > @vue-devtools/app-frontend > pixi.js-legacy > @pixi/canvas-renderer@6.5.4" has unmet peer dependency "@pixi/math@6.5.4". warning "workspace-aggregator-bf840c8b-6690-4a77-bb2d-24d3e6a39701 > @vue-devtools/app-frontend > pixi.js-legacy > @pixi/canvas-renderer@6.5.4" has unmet peer dependency "@pixi/settings@6.5.4". warning "workspace-aggregator-bf840c8b-6690-4a77-bb2d-24d3e6a39701 > @vue-devtools/app-frontend > pixi.js-legacy > @pixi/canvas-renderer@6.5.4" has unmet peer dependency "@pixi/utils@6.5.4". warning "workspace-aggregator-bf840c8b-6690-4a77-bb2d-24d3e6a39701 > @vue-devtools/app-frontend > pixi.js-legacy > @pixi/canvas-sprite@6.5.4" has unmet peer dependency "@pixi/constants@6.5.4". warning "workspace-aggregator-bf840c8b-6690-4a77-bb2d-24d3e6a39701 > @vue-devtools/app-frontend > pixi.js-legacy > @pixi/canvas-sprite@6.5.4" has unmet peer dependency "@pixi/core@6.5.4". warning "workspace-aggregator-bf840c8b-6690-4a77-bb2d-24d3e6a39701 > @vue-devtools/app-frontend > pixi.js-legacy > @pixi/canvas-sprite@6.5.4" has unmet peer dependency "@pixi/math@6.5.4". warning "workspace-aggregator-bf840c8b-6690-4a77-bb2d-24d3e6a39701 > @vue-devtools/app-frontend > pixi.js-legacy > @pixi/canvas-sprite@6.5.4" has unmet peer dependency "@pixi/sprite@6.5.4". warning "workspace-aggregator-bf840c8b-6690-4a77-bb2d-24d3e6a39701 > @vue-devtools/app-frontend > pixi.js-legacy > @pixi/canvas-sprite@6.5.4" has unmet peer dependency "@pixi/utils@6.5.4". warning "workspace-aggregator-bf840c8b-6690-4a77-bb2d-24d3e6a39701 > @vue-devtools/app-frontend > pixi.js-legacy > @pixi/canvas-sprite-tiling@6.5.4" has unmet peer dependency "@pixi/math@6.5.4". warning "workspace-aggregator-bf840c8b-6690-4a77-bb2d-24d3e6a39701 > @vue-devtools/app-frontend > pixi.js-legacy > @pixi/canvas-sprite-tiling@6.5.4" has unmet peer dependency "@pixi/sprite-tiling@6.5.4". warning "workspace-aggregator-bf840c8b-6690-4a77-bb2d-24d3e6a39701 > @vue-devtools/app-frontend > pixi.js-legacy > @pixi/canvas-sprite-tiling@6.5.4" has unmet peer dependency "@pixi/utils@6.5.4". warning "workspace-aggregator-bf840c8b-6690-4a77-bb2d-24d3e6a39701 > @vue-devtools/app-frontend > pixi.js-legacy > @pixi/canvas-text@6.5.4" has unmet peer dependency "@pixi/sprite@6.5.4". warning "workspace-aggregator-bf840c8b-6690-4a77-bb2d-24d3e6a39701 > @vue-devtools/app-frontend > pixi.js-legacy > @pixi/canvas-text@6.5.4" has unmet peer dependency "@pixi/text@6.5.4". warning "workspace-aggregator-bf840c8b-6690-4a77-bb2d-24d3e6a39701 > @vue-devtools/docs > vitepress > @docsearch/js > @docsearch/react > @algolia/autocomplete-preset-algolia@1.7.1" has unmet peer dependency "@algolia/client-search@^4.9.1". [5/5] Building fresh packages... [1/7] ⠈ cypress [-/7] ⠈ waiting... [-/7] ⠈ waiting... [-/7] ⠈ waiting... [-/7] ⠁ waiting...
2.2.4、打开 Chrome 扩展程序
2.2.5、添加到扩展程序
开启 "开发者模式",并点击 "加载已解压的扩展文件",在打开的对话框中,选择 "shells/chome" 文件夹进行安装。
2.2.6、完成添加