一、概述

1、安裝node，去node官網(wǎng)

2、新建一個項目，通過npm init命令初始化，即創(chuàng)建一個package.json文件

3、用命令 npm install vue -g 全局安裝vue（網(wǎng)上已經(jīng)有詳細的資料，在此就不復述了）

二、vue測試工具（vue-devtool）的安裝

1、下載安裝

2、如果安裝后，在瀏覽器中不能打開vue的項目，但是右上角的vue工具沒有變成綠色，開發(fā)人員工具中沒有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? 在谷歌的擴展程序中，對開發(fā)者模式和允許訪問文件網(wǎng)址大勾。

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

?

總結(jié)

以上是生活随笔為你收集整理的vue安装概要以及vue测试工具的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。