Vegetable
Before you start using this development framework, make sure you have installed all required software and done all the necessary configuration, see this page.
Install dependencies
npm install
npm start
This command compiles and starts the project in watch mode.
Browser will automatically reload upon changes.
Upon start you can navigate to http://localhost:3000
with your preferred browser.
This script is recommended for development environment and not suited for headless servers and network access.
npm run build
npm run start:dist
This command builds project in production
mode.
All output is placed to dist
folder and can be served your preferred web server.
You should need no additional files outside the dist
folder.
By default demo application is configured to use wsrv tool (lightweight web server)
to serve production build output. It will be running at 0.0.0.0
address with port 3000
and allow you accessing your application
via network. However you can use any web server of your choice in production.
To support a new language you need to create your language file (.json) and add it to i18n/
folder.
{
"username" : "Username",
"input-required-message": "Required",
"input-min-message": "Your username needs to be at least 4 characters.",
"login-button": "Login"
}
Directory structure:
.
├── custom-translation/
│ ├──i18n/
│ ├──
│ ├── en.json
│ ├── it.json
│ └── fr.json
If you need to add custom files on your project you can add this files in the folders public
.
├── public/
│ ├── images/
│ ├── css/
│ └── js/
the public folder above wil be copied in the root of your project and you can refer to them for example as
- './images/custom_image.png'
- './js/custom_script.js'
- './css/custom_style.css'
For detailed changelog, check Releases.