vue-cli-service的命令行参数

简介: 在一个 Vue CLI 项目中,@vue/cli-service 安装了一个名为 vue-cli-service 的命令。你可以在 npm scripts 中以 vue-cli-service、或者从终端中以 ./node_modules/.bin/vue-cli-service 访问这个命令

vue-cli-service serve

Options:

  • --open 服务器启动时打开浏览器
  • --copy 将URL复制到服务器启动时的剪贴板
  • --mode 指定环境模式 (默认: development)
  • --host host 地址 (default: 0.0.0.0)
  • --port 端口号 (default: 8080)
  • --https 使用https (default: false)

vue-cli-service build

Options:

  • --mode 指定环境模式 (default: production)
  • --dest 指定输出目录 (default: dist)
  • --modern 构建两个版本的 js 包:一个面向支持现代浏览器的原生 ES2015+ 包,以及一个针对其他旧浏览器的包
  • --no-clean 在构建项目之前不要删除输出目录 (dist)
  • --report 生成 report.html 分析包
  • --report-json 生成 report.json 分析包
  • --watch 监听 修改文件时自动重新打包

node_modules\@vue\cli-service\lib\commands\serve.js

  • '--open': open browser on server start,
  • '--copy': copy url to clipboard on server start,
  • '--stdin': close when stdin ends,
  • '--mode': specify env mode (default: development),
  • '--host': specify host (default: ${defaults.host}),
  • '--port': specify port (default: ${defaults.port}),
  • '--https': use https (default: ${defaults.https}),
  • '--public': specify the public network URL for the HMR client,
  • '--skip-plugins': comma-separated list of plugin names to skip for this run

命令行里开发运行项目 npm run serve --open 时默认打开的是 http://0.0.0.0:xxxx,是无法直接访问的,解决方式:

  • 命令里增加 host 参数 npm run serve --open --host localhost,也可以直接在 package.json 的 scripts 脚本命令里加
  • 修改 vue.config.js 的 devServer 下的 host 配置
  • 修改 node_modules/@vue/cli-service/lib/commands/serve.js 里的 defaults 的 host(不推荐)

windows下会将 0.0.0.0 这个地址作为访问的非法地址处理,但是在Linux下却是可以访问的,也就是 mac 上其实是可以访问的。

前端访问常用地址

0.0.0.0

不能被ping通,称为“unspecified”,即未指定(无效的、无意义的)地址,在服务器中.0.0.0.0并不是一个真实的的IP地址,它表示本机中所有的IPV4地址。它其实相当于Java中的this,真表示啥要放到实际所处环境中去考虑。

在服务器中:0.0.0.0 指的是本机上的所有 IPV4 地址,它指代的就是这台机器上所有的IP。假如一台机器上有两个 IP: 202.10.20.5/12 和 202.10.20.7/11,我们把一个应用服务的IP绑定到了 0.0.0.0:8080,那访问 202.10.20.5:8080 和 202.10.20.7:8080 都可以与这个服务建立连接。

在路由中:0.0.0.0 表示的是默认路由,即当路由表中没有找到完全匹配的路由的时候所对应的路由。

127.0.0.1

凡是以127开头的IP地址,都是回环地址(Loop back address),其所在的回环接口一般被理解为虚拟网卡,并不是真正的路由器接口,通俗的讲就是我们在主机上发送给127开头的IP地址的数据包会被发送的主机自己接收,专供自己访问自己,速度快(不用经过整个协议栈),永远都不能出现在主机外部的网络中,所以只适合用在开发环境

localhost

是个域名而不是一个ip地址,一般windows系统默认将 localhost 指向了 127.0.0.1,但是 localhost 并不等于 127.0.0.1,localhost 指向的IP地址是可以自己配置

uni-serve和uni-build

  • node_modules\@dcloudio\vue-cli-plugin-uni\commands\serve.js
  • node_modules\@dcloudio\vue-cli-plugin-uni\commands\build.js
目录
相关文章
|
7月前
|
JavaScript
Vue CLI3 config
Vue CLI3 config
58 0
|
2月前
|
JavaScript 数据可视化
vue-cli学习二:vue-cli3版本 创建vue项目后,Runtime-Compiler和Runtime-only两个模式详解;vue项目管理器;配置文件的配置在哪,以及如何配置
这篇文章详细介绍了Vue CLI 3版本创建项目时的Runtime-Compiler和Runtime-only两种模式的区别、Vue程序的运行过程、render函数的使用、eslint的关闭方法,以及Vue CLI 2和3版本配置文件的不同和脚手架3版本创建项目的配置文件配置方法。
120 3
vue-cli学习二:vue-cli3版本 创建vue项目后,Runtime-Compiler和Runtime-only两个模式详解;vue项目管理器;配置文件的配置在哪,以及如何配置
|
6月前
|
JavaScript 前端开发 开发者
vue3+ts配置跨域报错问题解决:> newpro2@0.1.0 serve > vue-cli-service serve ERROR Invalid options in vue.
【6月更文挑战第3天】在 Vue CLI 项目中遇到 "ERROR Invalid options in vue.config.js: ‘server’ is not allowed" 错误是因为尝试在 `vue.config.js` 中使用不被支持的 `server` 选项。正确配置开发服务器(如代理)应使用 `devServer` 对象,例如设置代理到 `http://xxx.com/`: ```javascript module.exports = { devServer: {
304 1
|
4月前
|
JavaScript API
Vue3 运行可以,build 打包发布报错,app.config.globalProperties 用法坑
Vue3 运行可以,build 打包发布报错,app.config.globalProperties 用法坑
107 2
|
4月前
|
JavaScript Windows
【Azure 应用服务】用App Service部署运行 Vue.js 编写的项目,应该怎么部署运行呢?
【Azure 应用服务】用App Service部署运行 Vue.js 编写的项目,应该怎么部署运行呢?
|
7月前
|
资源调度 JavaScript Windows
'vue-cli-service' 不是内部或外部命令,也不是可运行的程序问题解决
【5月更文挑战第7天】'vue-cli-service' 不是内部或外部命令,也不是可运行的程序问题解决
7097 3
|
JavaScript
vue报错: ERROR ~/.vuerc may be outdated. Please delete it and re-run vue-cli in manual mode.
vue报错: ERROR ~/.vuerc may be outdated. Please delete it and re-run vue-cli in manual mode.
205 0
vue报错: ERROR ~/.vuerc may be outdated. Please delete it and re-run vue-cli in manual mode.
> Construction@0.1.0 serve > vue-cli-service serve ‘vue-cli-service‘ 不是内部或外部命令,也不是可运行的程序
> Construction@0.1.0 serve > vue-cli-service serve ‘vue-cli-service‘ 不是内部或外部命令,也不是可运行的程序
146 1
|
JavaScript
vue-cli3.0无config,js跨域解决
vue-cli3.0无config,js跨域解决
55 2
|
JavaScript
Vue报错:‘vue-cli-service‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件。
Vue报错:‘vue-cli-service‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件。