好消息！微信小程序开发环境自带vConsole
<h2 id="背景介绍">背景介绍</h2><p>事情是这样子的，我们在开发小程序的时候，需要在真机上把相关的日志打出来以便进行问题定位和回溯，于是在编程界就有个今天这个新闻。------ 好消息！广东某男子发现微信小程序开发环境自带vConsole.</p>
<p>同学，你看到这个新闻不震惊不兴奋打鸡血吗？你开发小程序都少装一个vConsole包呢！！！ 基于DCloud公司开发的HbuilderX编辑器进行uni-app开发时，你会发现安装npm包没有用npm项目初始化的来的简单，这里简单提及一下，因为今天主要是介绍如何在微信小程序开发环境打开vConsole，时间关系，所以这边不再把这个问题过多延申展开。</p>
<h2 id="常规解法">常规解法</h2>
<p>感谢伟大的百度公司提供的搜索引擎，你要是遇到问题不会，打上关键词，然后挑一两篇看看挺好的，支持国产搜索引擎！ 哦，最近有个chatGPT也不错，同学们可以玩玩看！</p>
<p>其实很简单就一条命令然后配置下，<code>cnpm install vconsole -D</code></p>
<p><img src="https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/86d978a074e942c5ad95de7cae3a90dc~tplv-k3u1fbpfcp-zoom-1.image" alt="" loading="lazy"></p>
<h2 id="常规解法之外的解法">常规解法之外的解法</h2>
<p>为了排除偶然性，这边笔者通过多机型对比，得出结论，在开发环境下，打开微信小程序可以调出打日志的vConsole！！！</p>
<p>如图所示，我们先看左上角，这个绿色底色白色文字的按钮就是Vconsole的开关啦，我们点击右上角那三个点，然后弹出一个窗口，我们选择”开发除错“，因为笔者用的是繁体字，所以可能展示会有所不一样，盲猜下简体的话应该是打开终端，然后英语的话应该是Terminal，这个读者自己关注下。</p>
<p><img src="https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/cbd64ae25587420a9a4185a09605e0ae~tplv-k3u1fbpfcp-zoom-1.image" alt="" loading="lazy"></p>
<p>点一下以后，打开是这样子的，还不错，能够看到打出来的日子信息。</p>
<p><img src="https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/405b9399a758493aa7bfbdddd98b3a6a~tplv-k3u1fbpfcp-zoom-1.image" alt="" loading="lazy"></p>
<p>安卓环境下也是一样的，如图所示：</p>
<p><img src="https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/3b5bae1bdd724be6b8ec6d746b964255~tplv-k3u1fbpfcp-zoom-1.image" alt="" loading="lazy"></p>
<h2 id="总结">总结</h2>
<p>微信生态好啊，捡漏啦可以不用装vConsole了，但是如果你开发的是H5页面或者是编译出App，那么可能你需要额外装一下这个vConsole包，嗯，以上就是今天全部内容，希望能帮到你！</p>
</div>
<div id="MySignature" role="contentinfo">
<img alt="知识共享许可协议" style="border-width:0" src="https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png" /><br />本作品采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可。<br><br>
来源：https://www.cnblogs.com/cnroadbridge/p/17158419.html
頁:
[1]