Vue js Cli app running in another computer - vue.js

I would like to share my Vue js application project which is in my repository with a friend. So I used vue-cli, npm/yarn and webpack to develope.
I would like to know if he needs to install also cli to run the app on his computer, or just npm install and npm run? thanks

No, the vue-cli is not strictly necessary. However, if you're used to using vue build to build & run your app, your friend might want that too. He/she could just use some other way to run the webpack build operation if installing vue-cli isn't an option.

Related

How to make pod install ignore linked lib internal node_modules in react native?

I'm writing an internal UI library here.
I'm using react-native-builder-bob and it works great, I can test my components in the example folder/app and focus on the library development, but when I link the lib into my-app (yarn link && cd ../my-app/ && yarn link my-lib) and run a pod install (cd ios && pod install), the dependencies from the example app end up in my-app podfile.lock like this:
EXSplashScreen:
:path: "../node_modules/my-library/example/node_modules/expo-splash-screen/ios"
I'm not ok with it ending up as a direct dependency. And I'm definitely not OK with it breaking my app on launch (my app doesn't use expo) because I don't even invoque any of expo stuff.
So, how can I make sure that I can develop and test things in both projects (example and my-app) without one interfering into each other?
I know I can:
delete example node modules when writing my-app code: but I don't want to do that.
pack the lib with yarn pack, extract the tar contents and link that instead (it doesn't include the example folder)... but it's somehow weird
make the Podfile RN script ignore the example folder.. but I don't know how to do it, and will it work for android?
Edit:
About the option 3, it seems that the script that includes sub folders is the react-native-unimodules cocoapods.rb one, it fetches all packages that have unimodules.json
It's not a direct dependency. Unfortunately npm link/yarn link doesn't have the same behavior as a published package. It's also intended for development and not for consuming the package in an app.
To have the proper behavior, you need to publish the package to a registry and consume it from there. The example isn't uploaded when publishing.
To test this behavior locally you can:
Use something like https://verdaccio.org/ for a local NPM server
Run npm pack to create a tgz package that you can install with yarn install /path/to/file

How to have auto-reloading i18n while using Nuxt

Please tell me how can I use i18n in Nuxt.js with lang files? I want to edit my lang file on the server after build, but there is no change. Do I have to re-do npm run build every time? Nightmare!
I'm using i18n.nuxtjs.org
I want #/lang/en.json to watch and automatically change after repeated yarn start
yarn dev during development. It will reload you app to take the i18n changes into account.
yarn build or yarn generate are used for production builds.

Cordova plugin with Capacitor and Quasar

I'm building an app with Quasar and Capacitor.
I'd like to use phonegap-plugin-barcodescanner(or is there any other option for QR reading?).
I've installed plugin with npm i phonegap-plugin-barcodescanner to src-capacitor project. What's my next steps, do I need to register it in capacitor.config?
How do I call scan function on it?
I've figured it out. You need to run npx cap sync in src-capacitor folder. And than the plugin accessible via cordova.plugins.barcodeScanner like it was previously with Cordova

Error of spawn vue-cli-service ENOENT after updating vue cli?

My vue project started throwing errors last night. At first I thought it was some sort of node issue because my project wasn't fully loading, which wasn't an issue before and I kept getting an audit issue about my cli plugin. I update node to the latest version and it uploaded fully once, then later it stopped loading and showing anything on the screen. This morning, I tried loading it through the vue cli instead of the terminal and noticed they had updated the vue cli plugin. I updated my vue cli plugin and tried to build my project but now I'm getting this error
"spawn vue-cli-service ENOENT"
can anyone help me with this error and what to do to get my vue project back up and running? Everything was up and running fine before this. Not really sure what is going on. I also have the following plugins running on my project, not sure if that may be impacting anything: vuetify, axios, vuex, vue router, and I have firebase and firestore, as well.
Thanks in advance for your help!
Please use the following link. It worked for me right away.
https://programmerah.com/solution-of-serve-with-message-spawn-vue-cli-service-enoent-395/
I ran all this in Windows shell
in CMD into the project directory (this is very important!!)
execute NPM install
re-import in the visualization panel. (I just ran "vue ui")
Prior to doing this I had installed node using windows installer and then the following from the powershell
npm update -g #vue/cli
npm install -g #vue/cli-service-global
restart if you need to, go to the project directory in powershell and "vue ui" without quotes and it worked after that. I was able to compile and run the project without any issues. Once the task is built, you may open a new tab and goto localhost:8080
best of luck! (it was a witch-hunt for me)

react-native version of HTML script tag?

I need to use the methods of an eternal API in my native project.
If this were react I would just do
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"</script>
for example, I don't need bootstrap specifically.
Is there a way to do this in react-native?
You can use npm to manage your dependencies. Your react-native project should already be configured for this. You can install dependencies like this npm install --save my-react-native-module. Sometimes you will have to link them like this react-native link my-react-native-module. Most of those dependencies will write on their read me page how to install them.