要将Vue-Cli应用部署到Bitbucket Cloud Pipelines作为静态网页主机，您可以按照以下步骤操作：

1. 在Bitbucket上创建一个新的仓库，并将您的Vue-Cli应用代码推送到该仓库中。

2. 在仓库的根目录下创建一个名为bitbucket-pipelines.yml的文件。

3. 在bitbucket-pipelines.yml文件中添加以下代码：

image: node:latest

pipelines:
  default:
    - step:
        name: Install dependencies
        script:
          - npm install

    - step:
        name: Build and deploy
        script:
          - npm run build
          - pipe: atlassian/bitbucket-upload-file:0.3.1
            variables:
              BITBUCKET_USERNAME: $BITBUCKET_USERNAME
              BITBUCKET_APP_PASSWORD: $BITBUCKET_APP_PASSWORD
              FILENAME: 'dist/**/*'
              REMOTE_PATH: 'public'

4. 在Bitbucket仓库的Settings页面，选择"Pipelines"选项卡。在"Pipelines"选项卡中，启用Pipelines功能。

5. 创建一个Bitbucket App Password，以便在构建过程中使用。在仓库的Settings页面，选择"App Passwords"选项卡，然后点击"Create app password"按钮。将生成的App Password复制下来，并保存在安全的地方。

6. 更新bitbucket-pipelines.yml文件中的BITBUCKET_APP_PASSWORD变量为您在步骤5中创建的App Password。

7. 提交并推送bitbucket-pipelines.yml文件。

在这个配置中，bitbucket-pipelines.yml文件定义了两个步骤。第一个步骤是安装项目的依赖项，第二个步骤是构建项目并将构建后的文件上传到Bitbucket的静态网页主机。

构建完成后，您的应用将被部署到Bitbucket.io，并可以通过以下URL访问：https://.bitbucket.io//。

请确保您的Vue-Cli应用已正确配置和构建，以便在部署过程中生成正确的静态文件。