说明
首先声明一点,国内安装国外的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项目
创建之前有两个工作要做:
- cmd,输入chcp 65001 +回车,切换编码为utf-8.
- 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