Vue CLI + VUE +vConsole/eruda 在移动端进行调试

偏执的太偏执、 2022-12-18 02:58 195阅读 0赞

### Vue CLI + VUE +vConsole/eruda 在移动端进行调试 ###

*  Vue CLI + VUE +vConsole/eruda 在移动端进行调试
 *   *  eruda
     *  vConsole

# Vue CLI + VUE +vConsole/eruda 在移动端进行调试 #

## eruda ##

1.  安装  
    npm install eruda --save
2.  使用  
    在main.js 文件中引用  
    import eruda from ‘eruda’  
    eruda.init()

## vConsole ##

1、npm install vconsole  
2.使用(不是唯一的方法，还有很多)  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2NTcwNDY0_size_16_color_FFFFFF_t_70_pic_center]  
3. 除了可以添加到window中，也可以挂载到vue中，  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2NTcwNDY0_size_16_color_FFFFFF_t_70_pic_center 1]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2NTcwNDY0_size_16_color_FFFFFF_t_70_pic_center 2]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2NTcwNDY0_size_16_color_FFFFFF_t_70_pic_center]: /images/20221122/eb711c7215954597a3b54de3a0ac609c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2NTcwNDY0_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221122/b95b7584d23a411ea5f7de67fbf8b67b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2NTcwNDY0_size_16_color_FFFFFF_t_70_pic_center 2]: /images/20221122/899874989c7b4e9f8127194aa767ac40.png

发表评论取消回复

表情：

评论列表（有 0 条评论，195人围观）

还没有评论，来说两句吧...

相关阅读

相关 Vue CLI + VUE +vConsole/eruda 在移动端进行调试

Vue CLI + VUE +vConsole/eruda 在移动端进行调试 Vue CLI + VUE +vConsole/eruda 在移动端进行调试

偏执的太偏执、/ 2022年12月18日 02:58/ 0 赞/ 196 阅读

相关 Vue-Cli 构建 Vue 移动端项目

终端输入`vue create demo` ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_

谁践踏了优雅/ 2022年12月01日 05:20/ 0 赞/ 194 阅读

相关移动端vue-cli4开发环境搭建

项目说明 > 基于vue-cli4.0+ webpack 4 + vant ui + sass+ rem适配方案+axios封装，构建手机端模板脚手架项目地址：[vu

痛定思痛。/ 2022年11月30日 04:11/ 0 赞/ 216 阅读

相关 vue vue-touch移动端手势

> 1、安装 > cnpm install vue-touch@next --save > > 2、引入 > 在main.js中 >

小灰灰/ 2022年11月25日 04:19/ 0 赞/ 245 阅读

相关移动端h5落地页总结（vue cli+vant）

一.template中使用图片： 1.js中引入图片：`import onepng from "@/assets/1.png";` 2.data中定义template

素颜马尾好姑娘i/ 2022年10月11日 12:12/ 0 赞/ 253 阅读

相关使用vue进行移动端上传图

使用input\[type=file\]进行移动端图片上传。 html <div class="header"> <img

刺骨的言语ヽ痛彻心扉/ 2022年05月10日 06:06/ 0 赞/ 211 阅读

相关 vue-cli移动端底部路由跳转图片切换

效果图： ![20190316134408352.png][] ![20190316134748716.png][] 说详细点就是：点击“我的”，“我的”图片切换，“首

系统管理员/ 2022年03月07日 07:08/ 0 赞/ 256 阅读

相关 vue移动端touch事件

开始事件： @touchstart 移动事件： @touchmove 结束事件： @touchend // 获取事件对象 @touchend="touc

约定不等于承诺〃/ 2021年12月11日 05:37/ 0 赞/ 406 阅读

相关 vue-cli + webpack + Browsersync 进行移动端的同步调试

准备工作在使用脚手架安装 Vue 项目的时候，首先要安装好，node.js、npm 或 cnpm、webpack，可以使用以下命令进行查看并确认是否安装 //

客官°小女子只卖身不卖艺/ 2021年10月23日 09:21/ 0 赞/ 287 阅读

相关 vue vue-touch移动端手势

1、安装 cnpm install vue-touch@next --save 2、引入在main.js中

迈不过友情╰/ 2021年07月24日 12:15/ 0 赞/ 702 阅读