GOOGLE浏览器安装VUE.JS调试器Vue Devtools

1.安装NODE.JS

NODE.JS 下载稳定版本。无脑安装即可。打开CMD,查看版本号,确定是否安装成功。

image.png

2.配置NPM

我们需要配置npm的全局模块的存放路径以及cache的路径。CMD键入

  1. npm config set prefix "D:\Program Files\nodejs\node_global"
  2. npm config set cache "D:\Program Files\nodejs\node_cache"

我们需要设置系统变量。进入我的电脑→属性→高级→环境变量。在系统变量下新建“NODE_PATH”,输入“D:\Program Files\nodejs\node_global\node_modules”

3.安装CNPM

一些资源在国外的服务器上,导入下载速度很慢。故:安装CNPM 可指向国内资源库。使用淘宝镜像 CMD 键入npm install -g cnpm ––registry=https://registry.npm.taobao.org
安装成功后,键入cnpm -v 检测安装是否成功。

image.png

4.安装bower 来测试配置情况。

CMD 键入 cnpm install bower -g 安装至 node_global 文件夹。键入:bower -v


image.png

5.安装vue-devtools

vue-devtools 下载。解压到任意。打开CMD 进入 解压的文件夹。
1.键入 cnpm install 执行
2.键入 cnpm run build 执行。

image.png

看到一个src的文件夹,既配置成功。修改shells>chrome文件夹下的mainifest.json 中的persistant为true。插件目录下 键入 cnpm run dev 执行即可。
image.png

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 大家好,我是IT修真院深圳分院第3期的学员,一枚正直纯洁善良的前端程序员,今天给大家分享一下,修真院官网前端工程师...
    大大头大阅读 2,979评论 0 1
  • 1、进入nodejs官方网站下载软件(nodejs.org), 2、下载完成后,双击默认安装。安装程序会自动添加环...
    迪爷阅读 885评论 0 1
  • 权杖王牌,读牌1、早上看到时,感觉权杖精神抖擞,充满力量,要在城堡前的山坡上生根发芽。那里有河流可以灌溉,有肥沃的...
    塔罗师默默阅读 177评论 0 0
  • 技术类:《php最佳技术与实践》《编码:隐匿在计算机软硬件背后的语言》 教育类:《蒙台梭利育儿经》《儿童健康讲记》...
    小婉君阅读 131评论 0 0
  • 【在此阅读其他章节】 唐介岚冒着生命危险从水电站带回的线索让人费解极了。若说之前的线索明显带有“精心布置”的感觉,...
    坑爹堂阅读 714评论 0 1