mac 安装vue-devtools
时间: 2023-12-14 22:33:40 浏览: 127
以下是在Mac上安装vue-devtools的步骤:
1.首先,确保你已经安装了Node.js和npm。如果没有,请先安装它们。
2.打开终端并输入以下命令来全局安装vue-cli:
```shell
npm install -g vue-cli
```
3.接下来,输入以下命令来克隆vue-devtools存储库:
```shell
git clone https://github.com/vuejs/vue-devtools.git
```
4.进入vue-devtools目录并安装依赖项:
```shell
cd vue-devtools
npm install
```
5.最后,输入以下命令来构建vue-devtools:
```shell
npm run build
```
6.构建完成后,你可以在vue-devtools/shells/chrome 目录下找到一个名为“devtools”的文件夹。打开Chrome浏览器并导航到chrome://extensions/。在右上角启用“开发者模式”,然后点击“加载已解压的扩展程序”并选择刚才构建的“devtools”文件夹。
7.现在,你就可以在Chrome浏览器的开发者工具中使用vue-devtools了。
相关问题
vue3-devtools下载
Vue 3 DevTools是一个非常实用的浏览器插件,它帮助开发者调试Vue.js应用程序。如果你想要下载 Vue 3 DevTools,你可以按照以下步骤操作:
1. **访问官网**:首先前往官方GitHub仓库页面:https://github.com/vuejs/vue-devtools
2. **找到对应版本**:在仓库页面,选择适合Vue 3的应用程序分支,如`next`(如果需要最新版)或`chrome`(针对Chrome浏览器)。
3. **下载安装文件**:通常,你会看到`chrome-extension.zip`这样的文件,这是一份预打包好的Chrome插件。
4. **安装到Chrome**:下载后,右键点击文件,选择“解压”,然后打开Chrome浏览器,进入`chrome://extensions/`,启用"开发者模式"(顶部右侧按钮),拖拽刚刚解压的`vue-devtools`文件夹内的`manifest.json`和`background.js`到浏览器中。
5. **授权扩展**:插件可能会提示你授予一些权限,按照提示完成即可。
6. **验证是否工作**:重启Chrome浏览器,你可以在应用菜单(Windows/Linux)或右上角(Mac)找到Vue图标,点击后就可以开始使用Vue 3 DevTools了。
firefox-devtools
引用中的代码片段并没有提及firefox-devtools,而引用中提到了React-DevTools在其他浏览器中的安装,但并没有明确提及firefox-devtools。引用中提到了Vue-Devtools的安装过程,但同样没有提到firefox-devtools。因此,在提供的引用内容中没有关于firefox-devtools的详细信息。
如果你想了解关于firefox-devtools的安装和使用,请参考官方文档或者在网络上搜索相关的指南、教程或帖子。这些资源通常会提供关于firefox-devtools的详细安装和使用步骤。<em>1</em><em>2</em><em>3</em>
#### 引用[.reference_title]
- *1* *2* [【React-DevTools】MAC 版 浏览器开发者调试工具 React-DevTools插件的安装](https://blog.csdn.net/qiqizgl777/article/details/129728137)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}} ] [.reference_item]
- *3* [VUE3 VUE-DEVTOOLS 安装](https://blog.csdn.net/ashin8032/article/details/122600345)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}} ] [.reference_item]
[ .reference_list ]
阅读全文