Navigate to Project & Install Dependencies
First, let's navigate to the project directory and install all necessary dependencies.
Navigate to Project Directory
After extracting the downloaded template files, navigate to the project directory:
# Navigate to project directory
cd bimble-chat-vueInstall Dependencies
Choose your preferred package manager and install the dependencies:
npm installyarn installpnpm installInstallation Time
This process typically takes 1-3 minutes depending on your internet connection and system performance.
Start the Development Server
Run the development command to start the local server:
npm run devyarn devpnpm devSuccess!
The development server will start and you can open http://localhost:5173 in your browser to see your chat application.
Common Issues
Port 5173 is already in use
Problem: If port 5173 is already in use, Vite will automatically find the next available port.
Solution: You can also specify a custom port:
npm run dev -- --port 3000Installation fails or takes too long
Problem: Installation process fails or is extremely slow.
Solution: Try these solutions:
# Clear npm cache
npm cache clean --force
# Delete node_modules and reinstall
rm -rf node_modules package-lock.json && npm install
# Use a different registry
npm install --registry https://registry.npmjs.org/TypeScript errors in development
Problem: You encounter TypeScript errors during development.
Solution: The application includes TypeScript definitions. If you encounter type errors:
- Ensure your VS Code has the Vue Language Features (Volar) extension installed
- Restart your TypeScript server in VS Code: Ctrl+Shift+P → "TypeScript: Restart TS Server"
- Check the
tsconfig.jsonconfiguration