UNPKG

venmjs

Version:

This is a tool ๐Ÿ”ง that can be installed in your terminal at any time โ›๏ธ it was made for beginners and even for experts, for his utilities, and for a simple creation process ๐Ÿงจ. Every web developer knows how frustrating is to deal with the creation of a ne

123 lines (98 loc) โ€ข 7.52 kB
<p align="center"> <a href="https://samuelebarbiera.github.io/venmjs/"><img src="img/logo.png" width="270px" height="230px"/></a> </p> <p align="center"> <a aria-label="License" href="https://github.com/SamueleBarbiera/Venmjs/blob/0.0.6/LICENSE.md"> <img alt="" src="https://img.shields.io/npm/l/blitz.svg?style=for-the-badge&labelColor=000000&color=blue"> </a> <a aria-label="NPM version" href="https://www.npmjs.com/package/venmjs"> <img alt="" src="https://img.shields.io/npm/v/blitz.svg?style=for-the-badge&labelColor=000000&color=E65528"> </a> </p> <h1>This package can be used on Windows & Linux <br> (Mac is still on the testing phase)</h1> <h2> This CLI was tested on these OS: <br> [Windows 10] - [Ubuntu 20.04 LTS] - [MacOS Big Sur 11.5] </h2> <h3> This is a tool ๐Ÿ”ง that can be installed in your terminal at any time โ›๏ธ ,it was made for beginners and even for experts... for his utilities and his simple creation process ๐Ÿงจ. Every web developer knows how frustrating is to deal with the creation of a new project... ๐Ÿ‘€ and we even know that we pretty lazy, so I came up with this idea ๐Ÿ’ก </h3> # Quick starting point ๐Ÿ”ฎ ### ๐Ÿ‘‡ Installation ๐Ÿ‘‡ ```bash npm i -g venmjs (WINDOWS USERS) sudo i -g venmjs --unsafe-perm (MAC & LINUX USERS) ``` ### ๐Ÿ‘‡ Creation of a new project ๐Ÿ‘‡ ```bash venm create <appname> ``` # ๐Ÿ‘‡ Venm-cli offers the commands listed below ๐Ÿ‘‡ - create <appname> ๐Ÿ‘‰ Create a Fullstack Project (Client && Server) ๐Ÿš€ [SEMISTABLE โœ…๐Ÿšง] - deploy ๐Ÿ‘‰ Deploy the webapp on a cloud platform of choice ๐ŸŒ [SEMISTABLE โœ…๐Ÿšง] - dockerize ๐Ÿ‘‰ Create a multicontainer for your app with Docker ๐Ÿณ [STABLE โœ…] - start ๐Ÿ‘‰ Start the client side or the server side locally ๐Ÿ [STABLE โœ…] - devops ๐Ÿ‘‰ Automate option is available ๐Ÿ”ฐ [UNSTABLE โ›”โณ] - build ๐Ÿ‘‰ Build folder for production ๐Ÿ  [UNSTABLE โ›”โณ] - dep ๐Ÿ‘‰ Install dependencies ๐Ÿงฐ [UNSTABLE โ›”โณ] - test ๐Ÿ‘‰ Testing phase ๐Ÿ”ฌ [UNSTABLE โ›”โณ] # Accessible fullstack projects to create โœ’๏ธ - [**MEVN**] [Mongodb - Express - Mobile/Ssr/Ssg/MultiPlatform/Vue - Nodejs - GraphQL/RestAPI] - [**MYEVN**] [MySQL - Express - Mobile/Ssr/Ssg/MultiPlatform/Vue - Nodejs - GraphQL/RestAPI] - [**MLVN**] [Mongodb - Laravel - Mobile/Ssr/Ssg/MultiPlatform/Vue - Nodejs - RestAPI] - [**MYLVN**] [MySQL - Laravel - Mobile/Ssr/Ssg/MultiPlatform/Vue - Nodejs - GraphQL/RestAPI] # Installation & Prerequisite (to run the venm-cli) โš—๏ธ ## General - [**Nodejs**](https://nodejs.org/en/) A JavaScript run-time environment that executes JavaScript code on the browser - [**Npm**](https://www.npmjs.com/) is a package manager for the JavaScript programming language. - [**Git**](https://git-scm.com/) is a version control system for tracking changes in computer files - [**Yarn**](https://yarnpkg.com/getting-started/install) a package manager that doubles down as project manager ## Os Terminal - [**Wt**](https://www.microsoft.com/it-it/p/windows-terminal/9n0dx20hk701?activetab=pivot:overviewtab) NEW Windows Cmd - [**Cmd**](https://brew.sh/) MacOS Cmd - [**Bash**](https://www.dummies.com/computers/operating-systems/linux/common-linux-commands/) Linux Cmd # Optional Prerequisite (use every cmd available) ๐Ÿ“ฆ ## Frontend โšก ### Mobile - [**Ionic**](https://quasar.dev/) Mobile js framework for Vuejs `npm i -g @ionic/cli@latest` - [**Cordova**](https://quasar.dev/) Cordova/Native Ionic implementation `npm i -g @ionic/cli@latest native-run cordova-res` - [**VueNative**](https://vue-native.io/docs/installation.html) Mobile framework for Vuejs `npm i --global vue-native-cli` - [**Expo-cli**](https://vue-native.io/docs/installation.html) Expo-cli implementation in Vuenative`npm i --global expo-cli` ### Ssr - [**Nuxtjs**](https://nuxtjs.org/docs/2.x/get-started/installation) `npm i nuxt && npm i -g create-nuxt-app` - [**Quasar**](https://quasar.dev/) SSR framework for Vuejs `npm i -g @quasar/cli` ### Ssg - [**Vuepress**](https://vuepress.vuejs.org/) - [**Gridsome**](https://gridsome.org/) Jamstack framework for Vuejs `npm i --global @gridsome/cli` ### MultiPlatform - [**Electron**](https://www.electronjs.org/) Electron `npm i -g electron@latest` ### Default - [**Vue**](https://cli.vuejs.org/guide/installation.html) Vuejs CLI `npm i -g @vue/cli` ## Backend Framework ๐Ÿ‘จโ€๐Ÿ’ป - [**Express**](https://expressjs.com/en/starter/installing.html) Express framework - [**Laravel**](https://laravel.com/docs/8.x/installation) Laravel framework (Composer and php must be installed) ## Deployment ๐Ÿšง - [**Firebase**](https://firebase.google.com/) `npm i -g firebase-tools` it's a platform service to deploy a full stack webapp - [**Heroku**](https://dashboard.heroku.com/) `npm i -g heroku` it's a platform service to deploy a full stack webapp - [**Netlify**](https://www.netlify.com/) `npm i netlify-cli -g` it's a platform service to deploy Static sites - [**Docker**](https://www.docker.com/) it's a Dev Environment to create containers that can be deployed easily ## Standard Api ๐ŸŽฏ - [**GraphQL**](https://graphql.org/graphql-js/) `npm i graphql --save` - [**Rest API**](https://it.wikipedia.org/wiki/Representational_State_Transfer) Default Api ## Database ๐Ÿงฑ - [**Mongodb**](https://www.mongodb.com/) Starting non relational database - [**Mysql**](https://www.mysql.com/) Starting relational database # My Socials ๐Ÿคณ <p align="left"> <a href="https://twitter.com/sambeatzs" target="blank"><img align="center" src="https://raw.githubusercontent.com/rahuldkjain/github-profile-readme-generator/master/src/images/icons/Social/twitter.svg" alt="sambeatzs" height="30" width="40" /></a> <a href="https://www.linkedin.com/in/samuele-antonio-barbiera-bb023320b/" target="blank"><img align="center" src="https://raw.githubusercontent.com/rahuldkjain/github-profile-readme-generator/master/src/images/icons/Social/linked-in-alt.svg" alt="samuele antonio barbiera" height="30" width="40" /></a> <a href="https://stackoverflow.com/users/16105959" target="blank"><img align="center" src="https://raw.githubusercontent.com/rahuldkjain/github-profile-readme-generator/master/src/images/icons/Social/stack-overflow.svg" alt="samuelebarbiera" height="30" width="40" /></a> <a href="https://instagram.com/samuelebarbiera" target="blank"><img align="center" src="https://raw.githubusercontent.com/rahuldkjain/github-profile-readme-generator/master/src/images/icons/Social/instagram.svg" alt="samuelebarbiera" height="30" width="40" /></a> <a href="https://discord.gg/2Wj7hmP6Nf" target="blank"><img align="center" src="https://raw.githubusercontent.com/rahuldkjain/github-profile-readme-generator/master/src/images/icons/Social/discord.svg" alt="samuele#6396" height="30" width="40" /></a> </p> # Donations ๐Ÿ’ธ <p align="left"> <a href="buymeacoffee.com/?via=samueleb" target="_blank"> <img src="https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png" alt="Buy Me A Coffee" style="height: 41px !important;width: 174px !important;box-shadow: 0px 3px 2px 0px rgba(190, 190, 190, 0.5) !important;-webkit-box-shadow: 0px 3px 2px 0px rgba(190, 190, 190, 0.5) !important;" > </a> </p> # License ยฉ๏ธ This project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md) file for details. <h5><a href="https://github.com/madlabsinc/mevn-cli">This project was inspired by madlabsinc repository [MEVN CLI]</a></h5>