node.js安装+vue-cli安装+创建webpack项目时乱码、特别慢问题+移动端（手机）访问自己的项目

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。 本文链接：https://blog.csdn.net/qq_42909053/article/details/98661194

  首先声明一点，国内安装国外的vue-cli非常慢、创建webpack项目也慢的要死，所以我的vue-cli还有webpack都用的是国内镜像的。本文就我走过的这三个坑，总结一下。

安装node.js

  node 安装地址：http://nodejs.cn/download/ +回车

  安装过程可以自己更改一下安装目录，其他都默认，一路next。然后再测试一下自己是否安装成功：

打开cmd，输入：node -v+回车，查看是否有版本号，再输入： npm -v+回车，查看是否有版本号。如果都有版本号，说明安装成功，至于安装失败我还没遇见过，老铁如果安装失败，自行百度吧。

安装vue-cli

  npm install cnpm -g --registry=https://registry.npm.taobao.org （国内镜像）+回车，安装成功后输入：vue -V+回车，看是否有版本号，有就表示安装成功。

创建webpack项目

创建之前有两个工作要做：

1. cmd，输入chcp 65001 +回车，切换编码为utf-8.
2. cmd，输入npm config set registry https://registry.npm.taobao.org 设置 npm 源，可以极大提高安装webpack项目的速度。

开始创建 vue init webpack demo ( dome你新建的项目名称/文件名称) + 回车 自会后出现的东西，第一个询问是否用dome名字，直接回车 第二个是项目的描述，比如输入：“张三的项目”+回车，也可以不管直接回车 第三个是项目的作者，比如输入：“张三”+回车，也可以不管直接回车 第四个是项目的构建配置，回车，使用默认就行。 第五个是项目是否使用路由，根据自己的需求选择 接下来一路no就行了 运行项目 按照提示 cd dome——进入项目目录 输入npm run dev 运行项目 黑窗口会输出一个网址，复制到浏览器就可以打开 移动端查看项目 找到

打开index.js

将红框的localhost改为0.0.0.0，保存

然间后让自己的电脑和手机处于同一局域网下（手机给电脑开热点或者手机和电脑连接同一个WiFi

再cmd运行项目，获得 localhost:8080

再，新打开个cmd，输入ipconfig+回车，找到 ipv4地址，假设是 191.178.0.107

然后手机或者电脑都能通过打开自己的网站： 191.178.0.107:8080