ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

我的Vue 环境配置(学习笔记-01)

2021-06-01 08:32:20  阅读:266  来源: 互联网

标签:node 01 vue 笔记 installed NXMXL Vue packages


开始学习VUE,尝试使用vue/cli等……
工作目录:E:/NXMXL-Vue
1、安装axios
E:\NXMXL-Vue>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:\NXMXL-Vue>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:\NXMXL-Vue>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:\NXMXL-Vue>cnpm install
npminstall WARN package.json not exists: E:\NXMXL-Vue\package.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:\NXMXL-Vue>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:\NXMXL-Vue>cd node_modules

6、进入目录 vue-devtools
E:\NXMXL-Vue\node_modules>cd vue-devtools

7、输入命令 cnpm install

E:\NXMXL-Vue\node_modules\vue-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:\\NXMXL-Vue\\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:\\NXMXL-Vue\\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:\NXMXL-Vue\node_modules\vue-devtools\node_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:\NXMXL-Vue\node_modules\vue-devtools\vender\manifest.json
搜索:"persistent": 并修改fales 为 true,然后保存。

9、拖动文件夹vender到
打开chrome浏览器>菜单>更多工具>扩展程序>开发者模式
拖动文件夹vender到这个地方,成功!!!!
10、说明:如果在Microsoft Edge 浏览器中,同样可以使用,因为两者的内核是一样的。

标签:node,01,vue,笔记,installed,NXMXL,Vue,packages
来源: https://www.cnblogs.com/nxmxl/p/14835569.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有