lollms-webui/web

GPT4ALL-UI Web interface VUE3

Dependencies for development

You mus have Node.js installed on your computer.

git clone repo_URL
cd into-this-repo-dir
npm install

After that to run development server locally and test the web page at http://localhost:5173/:

npm run dev

To connect to GPT4ALL-UI API server you need to enter its URL in the .env or make a copy of .env file and name it .env.local. This .env.local is added to .gitignore. All http requests made to GPT4ALL-UI api has to have /api/ prefix. This prefix gets rewritten in the vite.config.js file. Make changes to your usecase in the .env.local file.

Once UI id done you can build static files for serving.

npm run build

This will create /dist/ folder with all the files. Also the build will show you if there are errors or not in your vue code.

Make sure you test the static files too, because sometimes the builder dont catch all the errors, and if a component is not refernced it might not load in the built version, but it loads fine in development environment

Overview of used dependencies and development

• Nodejs
• vue
• feather-icons
• axios

npm init vue@latest

cd gpt4all-ui-vue
npm install
npm run format
npm install axios dotenv
npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p
npm install feather-icons --save

Running dev environment and building commands

To lint: (not very used)

npm run lint

To run test:

npm run dev

To build static files

npm run build