Hello, Vue CLI

王老急888

于 2021-10-16 22:54:11 发布

阅读量104

点赞数

CC 4.0 BY-SA版权

分类专栏：学习笔记文章标签： vue.js javascript

本文链接：https://blog.youkuaiyun.com/wanghao_sh/article/details/120805527

学习笔记专栏收录该内容

70 篇文章

订阅专栏

本文介绍了如何使用VueCLI修改项目启动时的服务端口，当8080被占用时，可以使用`--port`参数指定其他端口，如8090。同时，展示了在vue.config.js中修改首页(index.html)标题的方法，只需设置`pages`对象内的`title`属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

See https://cli.vuejs.org/zh/.

修改服务端口

通过Vue CLI创建的项目，通过yarn serve启动，默认服务端口是8080。如果8080端口已经被占用，会自动切换到8081。实际项目中8080端口可能已经被某个应用占用，可以通过增加--port参数指定服务端口。See https://cli.vuejs.org/guide/cli-service.html#using-the-binary。

"scripts": {
  "serve": "vue-cli-service serve --host localhost --port 8090",
  "build": "vue-cli-service build",
  "lint": "vue-cli-service lint"
},

修改首页（index.html）标题（Title）

vue.config.js

module.exports = {
  assetsDir: 'assets',
  transpileDependencies: ['vuetify', 'vue-echarts', 'resize-detector'],
  pages: {
    index: {
      entry: 'src/main.js',
      title: 'Your Title Here',
    },
  },
};