今天学习了一手Vue,看了下网上的安装教程琢磨了半天,通过git命令之类的方法不太熟练,于是就直接手动下载安装了,绕了一些路,希望能给大家一些帮助,节约点时间,下面是流程。

一、Vue安装

首先进入Vue.js 中文文档网站里

接着选择安装,翻到下面的直接用<script>引用选择开发版本下载

下载完成后是一个js文件,放在一个好记的地方以后导入就可以直接使用了。

<!-- 引入Vue -->
<script type="text/javascript" src="../js/vue.js"></script>

二、Vue devtools安装及配置

首先下载Vue devtools的crx文件

下面是链接:

链接:https://pan.baidu.com/s/1FHPvEsAXP3boyPTXGrGTrw 
提取码:6666

下载完成后打开谷歌浏览器,打开设置,选择拓展程序,直接把crx文件拖到里面安装

 完成后应该是这个样子

 下面是重点,选择插件还会显示Vue.js not detected

此时先到devtools的安装目录,修改manifest文件中的persistent为true

 

 完成后保存,再回到chrome浏览器中打开拓展程序打开devtools的详情

 将允许访问文件网址给勾选上

 最后重启chrome,插件编程绿色代表安装成功。

 

GitHub 加速计划 / de / devtools
48
5
下载
vuejs/devtools: Vue.js 开发者工具,这是一个浏览器插件,可以安装在 Chrome 和 Firefox 等现代浏览器中,用于调试 Vue 应用程序,提供了组件树查看、状态快照、时间旅行等高级调试功能。
最近提交(Master分支:4 个月前 )
79116147 - 6 个月前
f0359002 - 6 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐