码迷,mamicode.com
首页 > 其他好文 > 详细

安装vue脚手架及其他vue工具

时间:2019-09-27 01:13:02      阅读:92      评论:0      收藏:0      [点我收藏+]

标签:管理员   文件目录   code   输入   地址   命令   git   min   log   

一、安装vue脚手架

  网上有许多教程,基本都是大同小异,不在这里班门弄釜了,具体可以参照下面链接这个博客。

https://www.cnblogs.com/loveyaxin/p/7094089.html

二、安装vue工具之vue-devtools-dev

其实安装这个工具比安装vue脚手架更简单,注意细节就好。

1.在GitHub上下载压缩包,下载地址:https://github.com/vuejs/vue-devtools

2.将文件解压到任意盘,然后cmd到vue-devtools目录下安装依赖包,命令npm install,有时因权限不够可能会报错,这时键盘点击window+X选择“命令提示符(管理员)”重复上述即可;

3.安装好依赖后,输入命令npm run build,执行完后打开文件目录vue-devtools-dev\shells\chrome会出现以下文件。技术图片

 

 4.打开mainifest.json ,将persistent修改为true;

技术图片

 

 5.在Chrome打开开发者模式中载入扩展程序,该选中的选中,回到主页如果此时有右上角有vue图标但没亮,打开一个vue项目,然后发f12查看有没有工具;

技术图片

 

 

如果还没有查看vue项目中引入的vue.js是不是开发版的,要使用vue.js.devtools,引入的vue.js必须是开发版的,即vue.js,不能使用压缩后的vue.min.js。

安装vue脚手架及其他vue工具

标签:管理员   文件目录   code   输入   地址   命令   git   min   log   

原文地址:https://www.cnblogs.com/zhaohui-116/p/11595123.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!