vue-cli 真机测试方法

最新推荐文章于 2025-09-29 08:57:02 发布

转载最新推荐文章于 2025-09-29 08:57:02 发布 · 321 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/lm-it/p/9156485.html

文章标签：

#javascript #ViewUI

本文介绍如何实现手机跨设备预览电脑上的项目，包括修改配置文件、生成二维码及扫码查看等步骤。

保证手机和电脑在同一个局域网的前提下

一：找到config文件夹下的index.js文件，打开后，将host的值改为你本地的ip，保存后重启项目

二：输入ip和端口号打开项目

三：将地址复制，使用二维码转换工具（草料二维码 https://cli.im/）生成二维码后，使用手机扫描，就可以查看了。

转载于:https://www.cnblogs.com/lm-it/p/9156485.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_34343000

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

vue-cli3多环境多入口，分别打包

weixin_43554698的博客

04-17

9070

最近公司需求，参考了很多资料，自己搭了一个小demo。一、安装 1.Vue CLI 3需要 nodeJs ≥ 8.9 ，查看node版本升级，升级一下 2.查看版本vue -V，安装vue-cli3，npm install -g @vue/cli 二、使用 1.vue create projectname 搭建新项目：vue create vue-cli3 选择默认default(基本的 Ba...

解决Vue-cli3没有vue.config.js文件夹及配置vue项目域名

Winsom1的博客

04-29

3万+

1.在vue项目根目录下新建vue.config.js（不是在src下面） vue.config.js配置文件： module.exports = { // 基本路径 baseURL已经过时 publicPath: './', // 输出文件目录 outputDir: 'dist', // eslint-loader 是否在保存的时候检查 lintOnSave: tr...

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

vue-cli 项目真机测试

魏毅博的博客

03-25

843

当我们自己使用vue-cli 脚手架去开发自己的 h5 APP类项目的时候，总是迫不及待的想在自己的手机上去试试效果，那今天就给大家讲一下具体步骤 1、首先第一步，我们要拿到我们电脑的 IP 地址，不要去百度，打开 cmd，对，就是那个神秘的小黑框，输入命令ipconfig ，回车，你将看到如下图 2、找到我们 vue-cli 项目中的 config 目录下的 inde...

vue-cli 真机测试方法【二维码形式】

M106588L的博客

08-13

282

vue-cli 真机测试方法【二维码形式】保证手机和电脑在同一个局域网的前提下一：找到config文件夹下的index.js文件，打开后，将host的值改为你本地的ip，保存后重启项目二：输入ip和端口号打开项目三：将地址复制，使用二维码转换工具（草料二维码 https://cli.im/）生成二维码后，使用手机扫描，就可以查看了。 ...

Postman 学习笔记 III：CLI 自动化测试与 Jenkins CI/CD 实践

最新发布

GoldenaArcher的博客

09-29

1156

这一篇的内容比较多，涉及到了 test runner，cli 自动化和一点 Jenkins 的东西，所以会稍微复杂一些repo 之后不会再更新了，其中已经包含笔记中所有的内容。

vue-cli 测试_vue js vue cli根据测验问题提出建议

weixin_26724171的博客

10-08

410

vue-cli 测试App Link: https://tekken-character-quiz.netlify.app/#/应用链接： https : //tekken-character-quiz.netlify.app/#/ Since Tekken’s season 4 was announced, I decided to make personal project that woul...

vue单元化测试（vue-cli3）

qq_33332184的博客

08-07

1188

chai equal(4+5).to.be.equal(9); equal(4+5).to.be.not.equal(10);//判断4+5不等于10 equal({foo:'bar'}).to.be.deep.equal({foo:'bar'}); //判断类型 equal(true).to.be.ok;//判断是true equal(false).to.not.be.ok;//判断false ...

vue-cli生成项目下webpack运行测试数据

gongzhonghua的博客

01-16

690

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

10-15

Vue CLI或Vue项目利用HBuilder打包成移动端App的操作流程涵盖了多个关键步骤，这些步骤对于将Web应用程序转换为可在移动设备上运行的应用程序至关重要。以下是详细的知识点解释： 1. **测试项目**：在开始打包...

vue 字典配置_手把手教你通过vue-cli搭建手机端框架

weixin_32508515的博客

01-13

292

前言：欢迎前端的小伙伴们前来围观、学习借鉴，如果你是后端、测试和其他的小伙伴也没关系，如果自己也想玩一下前端，想搭建一个前端的框架，那么不妨静下心来看看这篇文章。如果你不是从事开发工作的人员，内容可能相对而言比较枯燥，但是如果想找错别字，也不妨进来看看。初衷：有的前端的小伙伴要说了，vue-cli不是已经帮我们封装好了webpack(打包)吗？为什么，还要进行二次的搭建和封装呢？我想说的是，是的这...

uni-app 真机测试 电视

07-31

对于真机测试电视端，你需要完成以下步骤： 1. **确保环境准备**：首先，确保你已经安装了 UniApp CLI（命令行工具），并配置好了相关的SDK和证书。 2. **选择测试设备**：如果你有一台支持H5或HTML5播放的智能...

vue-cli构建手机端项目如何手机上测试

筑释科长的博客

07-19

1243

1：找到config文件夹下的index.js文件，打开 2：将host值设置成本机ip 3：重新启动项目即可

打造属于自己的项目脚手架工具----Vue CLI(1)

2401_84446548的博客

05-03

859

一、初始化——把脚本映射为命令1.vue-cli演示在这里我们希望可以像vue-cli那样在终端输入vue 有对应的命令显示2.创建自己的脚手架文件（pgx-cli）console.log(‘pgx-cli脚手架工具’);接下来，需要在当前文件夹中使用命令创建pakaage.json文件，并在文件中加入bin字段，如图所示然后再使用命令就可以实现将该文件映射到全局了试着在cmd中输入 pgx，发现成功执行index.js二、使用commander解析命令行参数。

vue-cli增加测试环境

小毛驴的博客

07-03

4296

vue-vli自带有开发和正式两个环境，但是我们有时是需要添加测试环境的 1.增加测试环境 1. 在package.json中添加test命令 "scripts": { "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", "start": "npm run ...

vue-cli3.0使用及配置（部分）

热门推荐

冲锋

06-19

16万+

好长一段时间没有关注vue脚手架了，昨天因为需要个后台模板，用脚手架搞了一下，竟然发现指令不能用了，看官方文档已经升级3.0，也是试的玩了一下，大致写写怎么玩的！ 1.先全局安装vue-cli3.0 检测安装： vue -V 2.创建项目（这个就跟react创建脚手架项目比较像了）这里如果你是第一次用3.0版本的话，是没有前两个的，而只有最后两个，这里是让你选...

vue项目如何真机测试

weixin_56496578的博客

06-03

1152

vue

第一章介绍Vue应用的测试

Sam的博客

12-18

2258

任何有价值的学术论文会在深入讨论前定义它使用的概念。所以，就像一个好的学者一样，我将会在教你关于不同测试技术前，定义我所指的应用测试。应用测试一个简单的定义就是检查应用正确行为的过程。无疑你应该检查的应用行为的正确性，但当讨论到不同的测试技术时，这个话题就变得有趣了。有两个主要的方案来进行测试：手工测试和自动化测试。手工测试就是你自己和应用交互，自己检查程序是否正确工作。自动化测试通常做法是写程序来为你执行检查。本书绝大部分是关于自动化测试。但是要理解自动化测试的收益，你必须理解手工测试。

Vue 业务系统如何落地单元测试

程序员成长指北

07-08

425

点击上方程序员成长指北，关注公众号回复1，加入高级Node交流群今日文章由作者@愚坤（秦少卫）Node.js技术栈@五月君授权分享，曾就职优信二手车，现就职水滴筹大数据前端团队，掘金...

vue真机调试

前端kk的博客

04-04

2176

修改以下文件修改以下文件