vue安裝概要以及vue測試工具

2021-09-26 18:21:59 字數 664 閱讀 6359

一、概述

1、安裝node,去node官網

2、新建乙個專案,通過npm init命令初始化,即建立乙個package.json檔案

3、用命令 npm install vue -g 全域性安裝vue(網上已經有詳細的資料,在此就不複述了)

二、vue測試工具(vue-devtool)的安裝

2、如果安裝後,在瀏覽器中不能開啟vue的專案,但是右上角的vue工具沒有變成綠色,開發人員工具中沒有vue面板,如下圖(本文的可以用過右鍵,在新頁面中開啟進行檢視,我操作時不能雙擊放大)

3、解決方法

將該資料夾中background屬性下的persistent的值改為true。

3.2  在谷歌的擴充套件程式中,對開發者模式和允許訪問檔案**大勾。

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

Vue除錯工具vue devtools安裝使用

1 安裝vue devtools 命令如下 2 在vue devtools目錄中安裝依賴包 cd vue devtools cnpm install 3 修改packages資料夾中的shell檔案 chrome manifest.json檔案,把 persistent false改成true。具體...

安裝vue腳手架,以及新建vue專案

1 安裝nodejs 安裝完成之後,檢視nodejs版本 node v 2 安裝vue cli腳手架 安裝vue cli命令 npm install global vue cli 檢測是否安裝成 vue 出來vue的資訊,及說明安裝成功 3 開始建立vue專案 新建專案 myvue是專案名稱 vue...

Vue入門 安裝npm以及管理npm MACOS

參考npm官方 當你安裝node.js的時候,npm已經自動安裝了。檢查版本 node v npm v但是因為npm的更新速度比node.js快多了,所以,npm經常需要手動更新 如果上面顯示的npm版本不是最新的版本,那麼執行下面的更新命令 npm install npm latest g最後檢視...