写出在Visual Studio Code中输出成功部署并访问Wed项目的代码

在Visual Studio Code (VSCode) 中，如果你想要部署并访问Web项目，并假设你正在使用Node.js、Express框架以及Webpack打包，你可以按照以下步骤创建一个简单的示例：

首先，你需要安装必要的依赖项，如`express`，可以在终端或命令提示符中运行：

npm init -y
npm install express webpack webpack-cli http-server --save-dev

然后，创建一个简单的Express服务器，在`src`文件夹下新建一个名为`server.js`的文件：

// server.js
const express = require('express');
const app = express();
const port = process.env.PORT || 3000;

app.get('/', (req, res) => {
  res.send('Congratulations! Your Web project has been deployed successfully. Visit http://localhost:' + port);
});

app.listen(port, () => {
  console.log(`Server is running at http://localhost:${port}`);
});

接下来，使用Webpack打包入口文件，例如`src/index.js`。在根目录下创建一个`webpack.config.js`：

// webpack.config.js
const path = require('path');

module.exports = {
  entry: './src/index.js',
  output: {
    filename: 'bundle.js',
    path: path.resolve(__dirname, 'dist'),
  },
  devServer: {
    contentBase: './dist', // 服务器的内容基础路径
    port: 8080, // 静态文件服务器监听的端口
    compress: true, // 开启gzip压缩
  },
};

运行打包和热更新任务：

npx webpack serve --config webpack.config.js

现在，当你看到`Server is running at http://localhost:3000`的输出，就表示服务器已经启动并且可以访问。在浏览器中输入`http://localhost:8080`就可以查看到"成功部署并访问Web项目"的信息。