Improve dev docs (#636)

web/vite.config.ts

@@ -8,6 +8,19 @@ import { defineConfig } from 'vite';
 import WindiCSS from 'vite-plugin-windicss';
 import svgLoader from 'vite-svg-loader';
 
+function woodpeckerInfoPlugin() {
+  return {
+    name: 'woodpecker-info',
+    configureServer() {
+      const info =
+        'Please add `WOODPECKER_DEV_WWW_PROXY=http://localhost:8010` to your `.env` file.\n' +
+        'After starting the woodpecker server as well you should now be able to access the UI at http://localhost:8000/';
+      // eslint-disable-next-line no-console
+      console.log(info);
+    },
+  };
+}
+
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [
@@ -18,10 +31,15 @@ export default defineConfig({
     Components({
       resolvers: IconsResolver(),
     }),
+    woodpeckerInfoPlugin(),
   ],
   resolve: {
     alias: {
       '~/': `${path.resolve(__dirname, 'src')}/`,
     },
   },
+  logLevel: 'warn',
+  server: {
+    port: 8010,
+  },
 });