安装最新的 Vue-cli3

安装最新的 Vue-cli(目前是Vue-cli3 及以后)

此文章作笔记,不是教程,看不懂的可以多百度
本文参考自https://jingyan.baidu.com/article/2009576178781d8a0621b444.html

1.安装node.js(官网选择稳定版本或者推荐版本下载进行安装,傻瓜式安装即可,可以更改安装路径)
2.安装Vue-cli

命令行输入"npm install -g @vue/cli" 回车
第一次安装会报错,有可能是npm没有配置国内镜像,国外的仓库总是不容易拉取的,换一下国内的镜像。

命令行输入"npm -g cnpm --registy=https://registry.npm.taobao.org"回车使用淘宝镜像

然后回到上一步进行Vue脚手架安装

新建Vue项目

3.创建Vue项目

命令行输入"vue create my-project" my-project是项目名称,取自己要的,回车。接下来使用默认的预置babel和eslint即可,前者是一个 JavaScript 编译器,后者是一个代码格式约定。

4.运行项目

然后进入项目目录,使用"npm run serve"运行项目。将返回的地址在浏览器中打开,会出现以下页面

如果运行别人的项目返回的地址不一定为http://localhost:8080,可手动改。
我运行的有http://localhost:0.0.0.0.8080
手动改为http://localhost:8080也可以成功打开

可以修改运行项目后默认打开开浏览器,和在修改host 0.0.0.0
为啥要设置host 0.0.0.0呢,又研究了一番,如此设置是为了在局域网能够让其他机器通过ip访问本机,否则其他机器无法访问。

在这里插入图片描述

具体看这篇文章
https://www.jianshu.com/p/aa2a8368375d

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值