Hello, Vue CLI

最新推荐文章于 2025-05-10 15:41:13 发布

原创最新推荐文章于 2025-05-10 15:41:13 发布 · 118 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript

学习笔记专栏收录该内容

70 篇文章

订阅专栏

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

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',
    },
  },
};