Vue CLI创建的项目窗口的标题默认是打包后的项目名称,默认图标是Vue的图标favicon.ico。

<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title><%= htmlWebpackPlugin.options.title %></title>

解决方法:

修改图标:直接将新图标导入public文件夹,然后将favicon.ico替换为新图标的名字即可,此处可以不用ico文件,但是为了规范,还是将图片转为ico文件更好

<link rel="icon" href="<%= BASE_URL %>darcy.ico">

修改标题:

  •  一:若项目名称需修改为“darcy练手项目”,那么直接在<title>标签中填入项目名称即可。

<title><darcy练手项目</title>

二:修改vue.config.js文件        

module.exports = {
 pages: {
    index: {
      template: 'public/index.html',
      entry: 'src/main.ts',
      filename: 'index.html',
      title:'darcy练手项目',
    }
  }
}

 

GitHub 加速计划 / vu / vue
80
16
下载
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:4 个月前 )
73486cb5 * chore: fix link broken Signed-off-by: snoppy <michaleli@foxmail.com> * Update packages/template-compiler/README.md [skip ci] --------- Signed-off-by: snoppy <michaleli@foxmail.com> Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 6 个月前
e428d891 Updated Browser Compatibility reference. The previous currently returns HTTP 404. 7 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐