Gelean / vueapp

Simple Vue App

Vueapp

Information and links for Vue development

Initial Setup

1. Download and install MongoDB
2. Open up Editor or IDE (I used Visual Studio Code)
3. Open up terminal
4. npm install -g vue-cli npx
5. npx create-nuxt-app vueapp
   • Choose: Javascript
   • Choose: NPM
   • Choose: Bootstrap Vue
   • Choose: Express
   • Choose: Axios, PWA Support
   • Choose: Jest
   • Choose: Universal
   • Choose: jsconfig.json
6. cd vueapp
7. npm install vuetify mongodb lodash @onekiloparsec/vue-xeditable
8. npm run dev

Build Setup

# install dependencies
$ npm install

# serve with hot reload at localhost:3000
$ npm run dev

# build for production and launch server
$ npm run build
$ npm run start

# generate static project
$ npm run generate

For detailed explanation on how things work, check out Nuxt.js docs.

Links

• https://vuejs.org
• https://nuxtjs.org
• https://bootstrap-vue.org
• https://vuetifyjs.com/en
• https://www.creative-tim.com/vuematerial/
• https://fontawesome.com/v6.0/docs/web/use-with/vue/
• https://github.com/FortAwesome/vue-fontawesome
• https://github.com/antonreshetov/vue-unicons
• https://devhints.io/vue
• https://www.youtube.com/watch?v=j55fHUJqtyw
• https://www.youtube.com/watch?v=Wy9q22isx3U
• https://www.youtube.com/watch?v=zzUpO8tXoaw
• https://developer.okta.com/blog/2018/02/15/build-crud-app-vuejs-node
• https://snipcart.com/blog/vuejs-blog-demo
• https://gist.github.com/bradtraversy/f407d642bdc3b31681bc7e56d95485b6
• https://redonion.se/en/working-with-css-in-nuxt-js
• https://www.jennapederson.com/blog/2019/10/8/building-a-playground-with-nuxt-and-markdown
• https://regenrek.com/posts/create-a-frontmatter-markdown-powered-blog-with-nuxt.js
• https://code.visualstudio.com