zoukankan      html  css  js  c++  java
  • 我的Vue 环境配置(vue-devtools安装过程)

    开始学习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 浏览器中,同样可以使用,因为两者的内核是一样的。

  • 相关阅读:
    vue中的 computed 和 watch 的区别
    mysql8.0 初始化数据库及表名大小写问题
    sql server alwayson 调整数据文件路径
    zabbix 自定义监控 SQL Server
    mysql 创建用户及授权
    mysql 设置从库只读模式
    mysql8.0 主从复制安装及配置
    centos8.0安装mysql8.0
    centos8替换阿里数据源
    npm publish 报错 【you or one of your dependencies are requesting a package version that is forbidden by your security policy】
  • 原文地址:https://www.cnblogs.com/nxmxl/p/14835569.html
Copyright © 2011-2022 走看看