安卓手机模拟器调试--vue项目在线调试（HBuilder X, 配合模拟器--夜神模拟器）及打包

最新推荐文章于 2024-04-04 18:24:36 发布

张大晴

最新推荐文章于 2024-04-04 18:24:36 发布

阅读量4.3k

点赞数 3

分类专栏：移动端调试文章标签：移动端调试（安卓）

本文链接： https://blog.csdn.net/zhangshab/article/details/103314641

版权

1.下载HBuilder X

下载地址 -- https://www.dcloud.io/

2.打开HBuilder 建一个项目

3. 打包自己的Vue项目，vue-cli2 在目录下的config文件夹里的index.js文件中,将build对象下的assetsPublicPath中的“/”，改为“./”后，如果是vue-cli3 则在vue.config.js中配置publicPath,将值变为"./".打包。

3
点赞
踩
12

收藏

觉得还不错? 一键收藏
0
评论
安卓手机模拟器调试--vue项目在线调试（HBuilder X, 配合模拟器--夜神模拟器）及打包

1.下载HBuilder X下载地址 --https://www.dcloud.io/2.打开HBuilder 建一个项目3. 打包自己的Vue项目，vue-cli2 在目录下的config文件夹里的index.js文件中,将build对象下的assetsPublicPath中的“/”，改为“./”后，如果是vue-cli3 则在vue.config.js中配置pub...
复制链接

扫一扫

专栏目录

Vue + quasar-framework进行Vue混合app开发 ─ 模拟器选择及使用(四)

寻梦无痕

11-10

8151

这里推荐2钟比较常用的模拟器，Genymotion和Android Studio自带的Android Virtual Device，至于喜欢用哪个就用哪个。 Genymotion 需要准备下载的软件 VirtualBox：点击下载 Genymotion：点击下载（下载需要登录，所以先注册个账号，后面使用的时候也需要登录）安装过程省略，自己搞定 VirtualBox Genymotion 点击...

vue-cli或vue项目利用HBuilder打包成移动端app操作

10-15

主要介绍了vue-cli或vue项目利用HBuilder打包成移动端app操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

参与评论您还未登录，请先登录后发表或查看评论

Android开发者必备工具-常见Android模拟器(MuMu、夜神、蓝叠、逍遥、雷电、Genymotion

最新发布

2401_84010884的博客

04-04

1578

蓝叠安卓模拟器是全球唯一一个拥有核心技术专利的安卓模拟器，并获得高通、英特尔、AMD等行业巨头的投资。“安卓模拟器中的英特尔”、“安卓模拟器的心脏”，这既是合作伙伴对蓝叠安卓模拟器的描述，也是给予的荣誉称号。由于具有核心技术优势，以及快速的服务响应，经过近年的快速发展，腾讯、网易、阿里巴巴等都成为蓝叠安卓模拟器重要的合作伙伴。

在安卓手机中调试vue网站

武汉小喽啰

09-01

626

我们想在手机上，尝试调试我们编写的程序，操作步骤： 1. 要保证手机正常运行 2. 要保证手机、电脑、处于同一WiFi环境中，也就是说手机可以访问到电脑的IP 3. 打开自己的项目中的 package.json 文件，在Dev脚本中，添加一个 --host 指令，把当前电脑的主机的WiFi地址，设置为--host的指令值 3.1 在cmd窗口中输入命令ipconfig复制“无线局域网适配...

vueterminalemulator采用Vue模拟器一个终端

08-08

vue-terminal-emulator：采用Vue模拟器一个终端

vue手机端的调试神器

yuhan___的博客

12-02

436

window.eruda.init()

vue真机模拟神器移动端控制台vConsole

Genius_cxx

10-08

769

首先下载模块 cnpm i vconsole -s; 然后在main.js中引入模块 import VConsole from 'vconsole' const vConsole = new VConsole() console.log(vConsole.version) 完工，加油小伙伴们。

vue 移动端调试工具

逆风优雅的博客

05-06

557

初试vue-cli使用HBuilderx打包app的坑

10-16

主要介绍了初试vue-cli使用HBuilderx打包app的坑，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

uni-app+Vue3+pinia+uview-plus搭建的项目包

12-28

uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-...

vuecommand一个完全工作的Vuejs终端模拟器

08-11

vue-command：一个完全工作的Vue.js终端模拟器

vue-cli3项目中怎么到手机上调试

01-20

虽说电脑上也能切换到手机模式调试，但我总感觉还差那么点什么，一直想到自己真正手机上调试项目，百度找了下，综合了好几遍文章，现在我明白了，现在分享给大家：首先，vue-cli3工程文件夹中是没有vue.config.js这...

vue 移动端项目如何在手机上演示

HaushoLin的博客

09-28

1586

打开cmd 输入ipconfig 找到ipv4 对应的IP地址复制到vue项目中的package.json中的scripts --> serve的值vue-cli-service serve 后面加上 --host和你的ipv4地址，在npm run serve就可以把链接复制在手机上查看了，手机就可以访问本地电脑的项目了在package.json文件中添加本地ipv4地址 "scripts": { "serve": "vue-cli-service serve --host 192.16

网页的Vue项目怎么在手机上面测试

Kratial的博客

09-13

2279

1.修改config文件夹下面的index.js文件找到host: ‘localhost’,修改为：host: ‘0.0.0.0’ module.exports = { dev: { ...... host: 'localhost', // can be overwritten by port: 8080, // can 2.运行在命令行输入：npm run dev ...

uniapp+vite+vue3开发跨平台app，运行到安卓模拟器调试方法

11-14

731

因为没有使用hbuilder开发uniapp，而是使用了vscode和vite来开发的，所以怎么将这个程序运行到安卓模拟器调试开发呢？

vue 移动端调试工具（vconsole）

weixin_45786844的博客

07-31

428

如何在echarts里面动态修改数据 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge">

vuejs 前端ui_终端UI模拟器VueJS组件

cuk5340的博客

07-28

772

vuejs 前端ui Vue.js终端UI模拟器 (Vuejs terminal UI emulator) Vuejs component for displaying UI element that acts as console terminal. Actual terminal logic code forked from Ptty. Vuejs组件，用于显示充当控制台终端的UI元素。从...

手机浏览器查看vue项目

Serena_tz的博客

09-16

2469

在手机浏览器上面我们可以直接查看vue项目。在有网的条件下，我们使用指令npm run serve启动一个项目，会出现两个网址，一个是本地的，一个是网络的。在手机浏览器地址栏输入第二个网址（Network），我们可以在手机端查看我们的vue项目。【注意】：我们的手机和开启服务的电脑要连入同一个网络。 ...

renren-fast-vue项目怎么改为webpack打包

05-25

将renren-fast-vue项目改为webpack打包需要进行以下步骤： 1. 安装webpack和webpack-cli 在项目根目录下执行以下命令： ``` npm install webpack webpack-cli --save-dev ``` 2. 配置webpack.config.js文件在...