vue安装概要以及vue测试工具

一、概述

1、安装node，去node官网

2、新建一个项目，通过npm init命令初始化，即创建一个package.json文件

3、用命令 npm install vue -g 全局安装vue（网上已经有详细的资料，在此就不复述了）

二、vue测试工具（vue-devtool）的安装

1、下载安装

2、如果安装后，在浏览器中不能打开vue的项目，但是右上角的vue工具没有变成绿色，开发人员工具中没有vue面板，如下图（本文的图片可以用过右键，在新页面中打开进行查看，我操作时不能双击放大）

3、解决方法

3.1 找到软件对应的路径下的manifest.json文件。我的是C:\Users\Administrator\AppData\Local\Google\Chrome\User Data\Default\Extensions\nhdogjmejiglipccpnnnanhbledajbpd\3.1.6_0。

将该文件夹中background属性下的persistent的值改为true。

3.2  在谷歌的扩展程序中，对开发者模式和允许访问文件网址大勾。

4、操作完成后，就可以使用vue测试工具啦。