开始学习VUE,尝试使用vue/cli等……
工作目录：E:/vue-test
1、安装axios
E:vue-test>cnpm i axios
√ Installed 1 packages
√ Linked 1 latest versions
√ Run 0 scripts
√ All packages installed (2 packages installed from npm registry, used 352ms(network 349ms), speed 26.86kB/s, json 2(9.38kB), tarball 0B)
2、安装bootstrap
E:vue-test>cnpm i bootstrap
√ Installed 1 packages
√ Linked 0 latest versions
√ Run 0 scripts
peerDependencies WARNING bootstrap@* requires a peer of @popperjs/core@^2.9.2 but none was installed
√ All packages installed (1 packages installed from npm registry, used 238ms(network 236ms), speed 40.47kB/s, json 1(9.55kB), tarball 0B)
3、安装VUE
E:vue-test>cnpm install vue
√ Installed 1 packages
√ Linked 0 latest versions
√ Run 0 scripts
√ All packages installed (1 packages installed from npm registry, used 305ms(network 303ms), speed 102.53kB/s, json 1(31.07kB), tarball 0B)
3、安装
E:vue-test>cnpm install
npminstall WARN package.json not exists: E:vue-testpackage.json
√ Installed 0 packages
√ Linked 0 latest versions
√ Run 0 scripts
√ All packages installed (used 7ms(network 3ms), speed 0B/s, json 0(0B), tarball 0B)
4、安装vue-devtools
E:vue-test>cnpm install vue-devtools
√ Installed 1 packages
√ Linked 0 latest versions
√ Run 0 scripts
√ All packages installed (1 packages installed from npm registry, used 1s(network 1s), speed 1.2kB/s, json 1(1.26kB), tarball 0B)
5、进入目录 node_modules
E:vue-test>cd node_modules
6、进入目录 vue-devtools
E:vue-test
ode_modules>cd vue-devtools
7、输入命令 cnpm install
E:vue-test
ode_modulesvue-devtools>cnpm install
√ Installed 2 packages
√ Linked 264 latest versions
[1/2] scripts.postinstall electron@8.2.0 › @electron/get@1.12.4 › global-agent@2.2.0 › core-js@^3.6.5 run "node -e "try{require('./postinstall')}catch(e){}"", root: "E:\vue-test\node_modules\vue-devtools\node_modules\_core-js@3.13.1@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 on Open Collective or Patreon:
> https://opencollective.com/core-js
> https://www.patreon.com/zloirock
Also, the author of core-js ( https://github.com/zloirock ) is looking for a good job -)
[1/2] scripts.postinstall electron@8.2.0 › @electron/get@1.12.4 › global-agent@2.2.0 › core-js@^3.6.5 finished in 68ms
[2/2] scripts.postinstall electron@8.2.0 run "node install.js", root: "E:\vue-test\node_modules\vue-devtools\node_modules\_electron@8.2.0@electron"
[2/2] scripts.postinstall electron@8.2.0 finished in 2s
√ Run 2 scripts
Recently updated (since 2021-05-24): 7 packages (detail see file E:vue-test
ode_modulesvue-devtools
ode_modules.recently_updates.txt)
Today:
→ electron@8.2.0 › @electron/get@1.12.4 › global-agent@2.2.0 › boolean@^3.0.1(3.1.0) (04:51:29)
√ All packages installed (294 packages installed from npm registry, used 10s(network 8s), speed 84.77kB/s, json 266(704.77kB), tarball 0B)
8、修改下面目录中文件：manifest.json内容
E:vue-test
ode_modulesvue-devtoolsvendermanifest.json
搜索："persistent": 并修改fales 为 true，然后保存。
9、拖动文件夹vender到
打开chrome浏览器>菜单>更多工具>扩展程序>开发者模式
拖动文件夹vender到这个地方，成功！！！！
10、说明：如果在Microsoft Edge 浏览器中，同样可以使用，因为两者的内核是一样的。