I am developing a Nuxt.js application and have a little problem.
Seems like ide (pycharm in my case) doesn't understand that 'vue' and 'vuex' modules are the part of Nuxt.js bundle. Application is working fine but these warnings bring some mess. Is there any way to get rid of it not installing 'vue' and 'vuex' as dependencies?
store/index.js
Related
When I installed vue router on my vue2 project, all the code on my App.vue file got overriden and the router-link thingy was set-up there instead now I can't find the code anywhere and that code is very important cos its the homepage of the website.
I tried uninstalling vue router cos I thought this would help but the steps for the uninstallation was very confusing. Please anyone with any ideas? I'd appreciate it a lot.
npm is great to download some js libraries, but including the into a vue app is really hard. i have no idea if there is an "official" way, but searching online i see so many different approaches.
sometimes it is imported in the app.js file, sometimes in the .vue files inside the tags. i have also seen that there are vue plugins that handle differently. how should i know if i have a vue plugin or not? i don't even know what the other option would be. like a vue module instead of a vue plugin?
is there a way that the vue app just includes/imports the stuff from node_modules so i can use it? so that after doing some npm install it is all available?
Npm just downloads the library into the node_modules folder and let's you access it where you need it.
If it's a vue component you need to import it in a vue file, because that's where you need it.
If it's a vue plugin you have to import it in the main js file because that's where it gets initalized in the whole app.
Looks like you are new to vue, I suggest you to take a look at this simple guide where you can learn some basic stuff.
I have a serving Nuxt package that reads a configuration from nuxt.config.js.
This one I would like to use in a VueJS project.
Is there a way to import it and read the config from the main.js of a VueJS project?
In a VueJS application, I am currently importing font awesome libraries in main.js, however, it seems messy, so I would like to import the libraries not in main.js file, but in plugin.js, for example.
Is there any way to import libraries separately to use them globally?
I would be grateful if you could answer this. Thank you in advance.
main.js is here
I am using Electron-vue to create desktop application. I was trying to use boostrap-vue in my app. When I open the app I can see all the functionality of boostrap(button tables) but none of the styling associated with it (color, font etc..)
Am I doing something wrong or is bootstrap vue not compatible with electron style apps ?
The right installation procedure is described into the documentation: https://bootstrap-vue.org/docs
Into your project root folder, install prerequesites:
# With npm
npm install vue bootstrap-vue bootstrap
# With yarn
yarn add vue bootstrap-vue bootstrap
After that, you have to open the main.js file ant had this portion of code just before the "new Vue(...)" call:
// Activate bootstrap vue
import BootstrapVue from 'bootstrap-vue'
import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'
Vue.use(BootstrapVue)
A blog post describe it perfectly: https://www.digitalocean.com/community/tutorials/vuejs-using-bootstrap4
BootstrapVue does support beig run under Electron.
See https://github.com/loopmode/electron-webpack-quick-start/tree/bootstrap-vue-ts and https://github.com/electron-userland/electron-webpack/issues/302#issuecomment-508911966
I was reading some blogs and apparently boostrap-vue does not work with desktop apps. I had more luck with using element UI