Skip to player
Skip to main content
Skip to footer
Search
Connect
Watch fullscreen
Like
Bookmark
Share
Add to Playlist
Report
How to use env files in Vue.js version 3 with Vite
InterTuts
Follow
8/30/2024
In Vue 3, environment variables can be used to configure different settings based on the environment. In Vue 3 (with Vite as the build tool), environment variables must be prefixed with VITE_ to be exposed to your application code.
Category
🦄
Creativity
Transcript
Display full video transcript
00:00
Environment variables are supported in Vue.js version 3 and we just need to add the right prefix at the beginning of each variable.
00:22
To use this variable in a Vue.js component, we need to use import-meta-env and variable.
Recommended
2:45
|
Up next
Vue.js & Django Authentication: Vue.js installation
InterTuts
6/29/2024
4:09
Vue.js & Django Authentication: Vue I18n Installation
InterTuts
6/30/2024
1:47
How to use the Vuetify's file input(a real example)
InterTuts
8/22/2024
3:24
How to test the Vue I18n plugin text rendering with Vitest
InterTuts
7/13/2024
3:02
How to test Axios requests in Vue.js using Vitest
InterTuts
7/22/2024
1:24
How to test Vuelidate inputs validation with Vitest
InterTuts
7/14/2024
5:28
Vue.js & Django Authentication: how to create a layout in Vue 3
InterTuts
6/30/2024
3:47
How to test a Vue.js composable using Vitest
InterTuts
7/22/2024
2:35
How to display notifications in Vue.js 3
InterTuts
8/24/2024
2:20
How to use the Vuetify's Date Picker in Vue.js 3
InterTuts
8/23/2024
1:59
How to create a mock for Axios using Vitest
InterTuts
7/22/2024
1:50
Vue.js & Django Authentication: how to customize the Vuelidate's messages
InterTuts
7/4/2024
1:53
Vue.js & Django Authentication: how to reset password in Vue.js
InterTuts
7/9/2024
2:19
How to test a VUE's Directive in Nuxt JS using Vitest
InterTuts
5/29/2024
2:28
Pagination in React & Next JS
InterTuts
12/20/2024
1:47
React & Node.js Social Chat: unsubscribe Facebook Pages from application's webhook
InterTuts
12/18/2024
1:22
How to use notifications alerts in React & Next JS
InterTuts
12/18/2024
3:30
React & Node.js Social Chat: how to connect Facebook Pages to receive direct messages
InterTuts
12/18/2024
1:56
How to convert a string to MongoDB ObjectId in Node.js
InterTuts
12/17/2024
2:05
How to bulk insert or update data in MongoDb with Mongoose
InterTuts
12/16/2024
1:41
How to retrieve URL's query parameters in Next.js(CSR)
InterTuts
12/15/2024
3:27
How to handle dynamic route parameters in Express.js
InterTuts
12/14/2024
1:42
How to retrieve and pass dynamic route segment between components in Next.js & React
InterTuts
12/14/2024
2:00
How to create vertical tabs in Chakra UI
InterTuts
12/14/2024
1:53
How to create a modal in Chakra UI & React
InterTuts
12/13/2024