About: Front end developer specialized in Vue.js
Hello Guys,
I have a question about GitHub.
I made a project using Vue.js. I want to share it on GitHub so that anyone can download it.
I started by making a repo then uploaded my files in it.
now if anyone downloaded the project, how can he run it on his own PC?
thanks for replying Tyler,
I'm using vue cli in my project. should I upload the (dist) folder or upload the whole project folder?
Usually you'd upload your Vue project files and folders other than:
distnode_modules.env files.gitignore
For example, see this repository where I have a single Vue Component I was testing out:
12vanblart
/
sorting-hat-vue-component
npm install
npm run serve
npm run build
npm run test
npm run lint
The example website that generates from this repository is generated by Netlify - which I wrote about in this post (Just skip all the parts about Hover if you're not looking to do that piece of it):
Something to note: Anything you put in a public repository will be visible to anyone that views it. GitHub allows for private repositories also (even on free accounts!) which can still be deployed to Netlify as outlined in the post, but has the added advantage of not being publicly facing.
I have successfully downloaded and installed your repo.
The problem is in my repo.
when I download it and run npm install, I got the following error:
C:\Users\hany\Desktop\my-profile-master>npm install
npm WARN deprecated circular-json@0.3.3: CircularJSON is in maintenance only, flatted is its successor.
npm ERR! code Z_BUF_ERROR
npm ERR! errno -5
npm ERR! zlib: unexpected end of file
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\hany\AppData\Roaming\npm-cache_logs\2019-11-08T21_57_42_610Z-debug.log
C:\Users\hany\Desktop\my-profile-master>
what's the problem here?
Maybe try this?
In my server(CentOS 7.2) I install the dependencies:
npm install
But I get bellow error:
npm ERR! code Z_BUF_ERROR
npm ERR! errno -5
npm ERR! unexpected end of file
npm ERR! A complete log of this run can be found in:
npm ERR! /root/.npm/_logs/2018-02-11T21_03_20_261Z-debug.log
in the /root/.npm/_logs/2018-02-11T21_03_20_261Z-debug.log, the info…
👋 Hello! And welcome to DEV!
Assuming the other user has
git(a language that GitHub utilizes) installed on their computer, they can:git clone {repository URL}to copy your code to their computernpm install(oryarndepending on your project) in the new git directory on their computer to install any needed packagesnpm run serve(or other command setup in yourpackage.json) to spin up their local version of your code.If you are importing Vue via CDN, they would be able to skip steps 2 & 3 (unless you have other npm packages installed) and open the
index.html(or equivalent) file in their browser.The exception here is if your project uses any
dotenvfiles - in which case they would need to setup the corresponding environment variables before step 3 above.