uni-app 可视化创建的项目 移动端安装调试插件vconsole

这篇具有很好参考价值的文章主要介绍了uni-app 可视化创建的项目 移动端安装调试插件vconsole。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

 可视化创建的项目,在插件市场找不到vconsole插件了。

又不好npm install vconsole

uni-app 可视化创建的项目 移动端安装调试插件vconsole,uni-app,vconsole

换个思路,先创建一个cli脚手架脚手架的uni-app项目,然后再此项目上安装vconsole

cli脚手架创建uni-app项目 安装插件

项目Terminal运行命令:npm install vconsole  

安装完成之后,插件在node_modules/vconsole

uni-app 可视化创建的项目 移动端安装调试插件vconsole,uni-app,vconsole

安装完成之后,把卡面这个vconsole的包拷贝到原来的项目uni_module下面 ,

main.js加上引入

// #ifdef H5
// 提交前需要注释  本地调试使用
const vconsole = require('@/uni_modules/vconsole/dist/vconsole.min')
Vue.prototype.$vconsole = new vconsole() // 使用vconsole
// #endif

uni-app 可视化创建的项目 移动端安装调试插件vconsole,uni-app,vconsole

 运行项目:

可以愉快的看LOG了,跟微信小程序的debug很像。

uni-app 可视化创建的项目 移动端安装调试插件vconsole,uni-app,vconsole文章来源地址https://www.toymoban.com/news/detail-695388.html

到了这里,关于uni-app 可视化创建的项目 移动端安装调试插件vconsole的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 学会用命令行创建uni-app项目并用vscode开放项目

    (创作不易,感谢有你,你的支持,就是我前行的最大动力,如果看完对你有帮助,请留下您的足迹) 目录 创建 uni-app 项目 命令行创建 uni-app 项目 编译和运行 uni-app 项目: 用 VS Code 开发 uni-app 项目 (不必依赖 HBuilderX) vue3+ts版: npx degit dcloudio/uni-preset-vue#vite-ts 项目名称 官网

    2024年02月09日
    浏览(52)
  • vue可视化面板创建项目

    在命令行输入 vue ui 等待可视化界面打开 填写项目名称(必须英文)和仓库信息(可选填),然后点击下一步进入“预设面板” 这里根据需要选择一个选项,然后进入“功能面板” 在这个部分,选择自己需要安装的功能,然后右边按钮打开,一般需要打开“Babel”、“Router”

    2024年02月10日
    浏览(36)
  • Uni-app + Vue3 + TS +Vite 创建项目

    npm 都很熟,可是与 npm 如此相似的 npx 是干嘛的呢?我们为甚要介绍 npx ? 由于 uni-app 官方提供创建命令使用的是 npx,所以我们先来了解下 npx 是干什么的?它与 npm 的区别。 npx 是 npm 的高级版本,它从 npm v5.2 版本开始引入的,与 npm 绑定在一起,无需额外安装,具有更大的功

    2023年04月15日
    浏览(80)
  • 快速学会创建uni-app项目并了解pages.json文件

    (创作不易,感谢有你,你的支持,就是我前行的最大动力,如果看完对你有帮助,请留下您的足迹) 目录 前言  创建 uni-app 项目  通过 HBuilderX 创建 pages.json  pages  style  globalStyle tabBar 经过半个多月的学习,vue基础入门就告一段落啦,接下来就要开始学习制作微信小程序了

    2024年02月11日
    浏览(50)
  • 前后端分离项目,vue+uni-app+php+mysql电影院售票系统(H5移动项目) 开题报告

      毕业论文 基于Vue.js电影院售票系统(H5) 开题报告 学    院:                        专    业:                          年    级:                         学生姓名:                        指导教师:       黄菊华  

    2024年02月07日
    浏览(52)
  • 使用Vue ui (可视化)创建Vue项目

    首先打开电脑硬盘上随便一个文件夹 我这里是用E盘做的演示 打开E盘后,输入cmd(我这里是E盘根目录,如果不想用根目录可以新建文件夹) cmd的位置,当然要是新建文件夹后,cmd也是在这里输入 输入好cmd以后会弹出一个终端 在终端上输入 vue ui 如果敲了回车不生效 不要着

    2023年04月22日
    浏览(44)
  • 创建一个uni-app项目并运行再浏览器及微信小程序

    第一步: 打开HBuilder X 点击文件列表 新建 项目 第二步: 如图所示(根据项目所需要的进行选择) 第三步: 创建完成之后项目文件的(介绍以及作用) 第四步: 如何将uni-app项目运行到不同的浏览器,我在这里运行的是微信小程序 (1) 点击运行可以查看到项目的多种运行方式 (2

    2024年02月12日
    浏览(74)
  • Java智慧工地可视化APP信息管理平台源码(项目端、监管端、数据大屏端、APP端)

    智慧工地系统以推进施工过程管理信息化、数字化、智慧化为手段,促进第五代通信技术 (5G) 、大数据、智能设备、人工智能等与建筑工程管理进一步融合。智慧化工地建设全面加速,以数字技术助力建筑工地转型升级、提速增效、提档升级的成效全面显现,逐步实现工程项

    2024年02月02日
    浏览(67)
  • PyQt5可视化 7 饼图和柱状图实操案例 ①Qt项目的创建

    目录 一、新建Qt项目 二、添加组件和布局 三、添加资源 1. 新建资源文件

    2024年02月03日
    浏览(35)
  • 基于移动端/SpringBoot的团购网站+26449(免费领源码)可做计算机毕业设计JAVA、PHP、爬虫、APP、小程序、C#、C++、python、数据可视化、大数据、全套文案

    目  录 摘要 1 绪论 1.1 选题背景 1.2 选题目的及意义 1.3 springboot框架介绍 2   基于移动端的团购网站 系统分析 2.1 可行性分析 2.2 系统流程分析 2.2.1 数据流程 3.3.2 业务流程 2.3 系统功能分析 2.3.1 功能性分析 2.3.2 非功能性分析 2.4 系统用例分析 2.5 本章小结 3 基于移动端的团购

    2024年01月24日
    浏览(42)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包