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

说明

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

安装node.js

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

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

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

使用淘宝镜像（cnpm）

npm install cnpm -g --registry=https://registry.npm.taobao.org 

安装vue-cli 2版本

npm install vue-cli -g

创建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