Coder Social home page Coder Social logo

krisb1220 / vs-code-snippets Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 26 KB

23 useful VSCode snippets that will save you DAYS over time when coding!

License: MIT License

Batchfile 100.00%
vscode vscode-extension vscode-snippets vscode-helpers vscode-snippet-generator express-boilerplate node-boilerplate boilerplate

vs-code-snippets's Introduction

VS-Code-Snippets

23 useful VSCode snippets that will save you DAYS over time when coding! The most useful being !xebp, which is a fully completed Express project boilerplate with it's accompanying batch file that makes it so all you have to do is add DATABASE=YOUR_MONGO_URI in your .env and you're done!x

example

Commands

!xebp

    //!x-----------BEFORE USING THIS, RUN THE BATCH FILE PROVIDED AND ADD YOUR MONGOOSE URI AS ** DATABASE ** IN .ENV
    const express = require('express');
    const session = require('express-session');
    const bodyParser = require('body-parser');
    const passport = require('passport');
    const cookieParser = require('cookie-parser');
    const mongoose = require('mongoose');
    const dotenv = require('dotenv');
    const routes = require('./routes/routes');
    const auth = require('./auth/auth');
    const Schemas = ('./database/schemas/schemas');
    const mongooseOptions = {useUnifiedTopology:true, useNewUrlParser:true};
    const app = express();


    dotenv.config();
    app.use(express.static(__dirname+'/public'));
    app.use(cookieParser());
    app.use(bodyParser.json());
    app.use(express.json())
    app.use(bodyParser.urlencoded({ extended: true }));
    app.set('view engine', 'pug')

    app.use(session({
      secret: process.env.SECRET,
      saveUninitialized: true,
      resave:true
    }))

    app.use(passport.initialize());
    app.use(passport.session());

    mongoose.connect(process.env.DATABASE, mongooseOptions, (err, db)=>{
        if(err) console.error(err);  
        else { 
          console.log('Connected to remote database'); 
          auth(app, db); 
          routes(app, db); 
    }
    });

    // console.log(process.env);

    app.listen(process.env.PORT||3000,()=>{
      console.log('App is listening on port ' + process.env.PORT);
    })

!xcb

    /*======================================
    # My Comment #
    ======================================*/

!xhash

    bcrypt.hashSync([password], [saltRounds], (err, hash) => {
      if (err) console.error(err)
      else return hash;
    })  

!xhashcomp

    bcrypt.compareSync([plain], [hashed])

!xroute

    app.route(['/url']).[post||get]((req, res)=>{

      [res.send(data)||res.json(data)||res.render(data)]

    })

!xpost

    app.route(['/url']).post((req, res)=>{

      [res.send(data)||res.json(data)||res.render(data)]

    })

!xget

    app.route(['/url']).get((req, res)=>{

      [res.send(data)||res.json(data)||res.render(data)]

    })

!xaxios

    axios({
    method: '[post||get]',
      url: `[url]`,
      data: [data],
      redirect: '[redirectOption]'
      })

!xaxpost

    axios({
    method: 'get',
      url: `[url]`,
      data: [data],
      redirect: '[redirectOption]'
    })

!xaxget

    axios({
    method: 'get',
      url: `[url]`,
      data: [data],
      redirect: '[redirectOption]'
    })

!xreqint

    const [varName] = require('./[directory]')

!xreqmod

   const [varName] = require('[module]')

!xexpfun

    exports.[varName]  = function([params]) {
      [logic]
    }

!xexpvar

    exports.[varName]  = [varName2]

!xexpmod

    exports.[varName]  = require('./[params]').data;

!xmongooseconnect

    mongoose.connect(process.env.DATABASE, {useUnifiedTopology:true, useNewUrlParser:true}, (err, db)=>{

        if(err) console.error(err); 
        else{ 
          [logic]
        }
    });

!xuse

    app.use([logic])

/*======================================

!xsession

======================================*/

    app.use(session({
      secret: process.env.SECRET,
      saveUninitialized: true,
      resave:true
    })) 

!xpassport

    app.use(passport.initialize());
    app.use(passport.session());

!xsessionpassport

    app.use(session({
      secret: process.env.SECRET,
      saveUninitialized: true,
      resave:true
      }))

    app.use(passport.initialize());
    app.use(passport.session());

!xapp

    const app = express() 

!xlistener

 document.querySelector('[selector]').addEventListener('[listener]',(event)=>{
 
   [data]
 
 })

!xlistenerall

 document.querySelectorAll('[query]').forEach((element)=>{
 
   element.addEventListener('[listener]', (event)=>{
     [doSomething()]
   })
 
 })

vs-code-snippets's People

Contributors

krisb1220 avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.