用脚手架搭建vue项目（关于vue-cli脚手架搭建的vue项目在手机浏览器无法打开的问题）
本文目录
关于vue-cli脚手架搭建的vue项目在手机浏览器无法打开的问题
毕竟不是自己手动搭的脚手架，很多配置都是吃现成的，所以踩坑常用的事。在config的index.js文件夹里。把host的值由localhost改为“0.0.0.0”，然后就可以用手机浏览器ip+端口号打开了。
ps:改配置文件就是重新npm start 一下才能看到效果
ps:localhost改成本地ip的方法也是可以的。但是如果这样做的话，pc端就不能用localhost了，必须要用ip加端口号才能打开。
以上
使用vue-cli（vue脚手架）快速搭建项目
下面整个过程是基于已经安装node.js和cnpm的基础上，node.js如何安装就不在这里详说了。如何全局化安装cnpm，这里简单提一下：(淘宝镜像命令)
其实对于安装vue-cli，使用npm命令和cnpm命令都是可以的，个人觉得使用npm安装的比较慢，而且很可能会因为网络问题而出错，所以还是觉得使用cnpm稳一点。
（1）全局安装 vue-cli ，在命令提示窗口执行：
（2）安装vue-cli成功后，通过cd命令进入你想放置项目的文件夹，在命令提示窗口执行创建vue-cli工程项目的命令：
通过vue-cli搭建一个vue项目，会自动生成一系列文件，而这些文件具体是怎样的结构、文件对应起什么作用，可以看看下面的解释：
本文相关文章：
eclipse sdk下载安装教程（关于eclipse安装的问题，）
2026年8月28日 22:50
eclipse自动生成uml图（如何用eclipse的插件UML2自动生成UML类图）
2026年8月20日 03:10
eclipsecdt project 右键不显示所有选项（eclipse中如何设置能只搜索当前项目的文本）
2026年7月10日 20:00
eclipse+pydev 数据库（如何在Eclipse中利用pydev调试Django）
2026年5月30日 12:50
更多文章：
2026年9月7日 20:30
全球新冠肺炎疫情背景下航运发展（盐田港复苏日志：半年历劫从“低谷”到“爆仓” 疫情之后巨轮如何越洋航行）
2026年9月7日 17:10
matlab求解带字母参数方程组（我想matlab求一个关于x，y的方程组 ab c d f e h m n 都是参数）
2026年9月7日 16:30
oracle中的循环语句（下面哪个不是oracle程序设计中的循环语句 a for）
2026年9月7日 15:30
2026年9月7日 15:10
2026年9月7日 14:10
电脑里2个系统怎么删除一个（电脑开机显示有两个系统，如何删除一个）
2026年9月7日 12:20
2026年9月7日 10:20
scrollthrough意思（“scroll”是什么意思）
2026年9月7日 08:00
怎么激活keygen（注册机如何激活cad2008一个简单激活cad2008的方法）
2026年9月7日 06:30
