Toolbox for building full-stack Vue.js apps

Overview

Basys logo

Version Build status Windows build status

Basys

Basys is a toolbox for building Vue.js full-stack apps with a focus on great developer experience.

  • An easy way to create full-stack Express-based backend and Vue single-page applications
  • A simple configuration via JSON5 with intuitive options
  • Code can be written using modern JavaScript and CSS pre-processing and compiled for required browsers thanks to Babel, PostCSS and Browserlist
  • Dev server with hot module reload and automatic restart with nodemon
  • Webpack 4-based bundler for optimized production builds
  • Code and style linting with ESLint, stylelint and Prettier
  • An easy way to create new pages - .vue files with custom 'info' option are automatically registered
  • Unit testing with Jest
  • End-to-end testing with TestCafe
  • Basys IDE implemented as a Visual Studio Code extension
  • Visual app builder that allows non-technical team members to participate in app development

Getting started

If you prefer to use Basys IDE install Basys extension for VSCode, open the Command Palette (Ctrl+Shift+P on Windows/Linux or β‡§βŒ˜P on MacOS) and run Basys: Create project command.

Or just use Basys CLI to start a new project:

npm install -g basys-cli
# or
yarn global add basys-cli

basys init # Scaffold a new project from a starter template
cd <project-dir>

basys dev # Launch the development server

Documentation

You can find a detailed documentation on the website.

License

MIT

You might also like...
Vue-three-d-mockup - A 3D phone mockup to showcase your apps

vue-three-d-mockup Check out the demo Installation $ npm install github:anatolyk

HTML sanitizer for Vue.js 3 apps

vue-3-sanitize HTML sanitizer for Vue.js 3 apps. You want to use v-html? You might need to sanitize the code. This plugin is built for Vue 3 apps. It

LocaleSwitcher component for Vue. Supports SSR apps.

LocaleSwitcher component for Vue. Supports SSR apps.

Apps are core components of KodaDot wallet.

πŸ“± Apps Apps are core components of KodaDot wallet. Basic usage is to interact from browser with Polkadot and Substrate based networks. 🐦

start using Sheets2API to turn their spreadsheets into powerful APIs to rapidly develop prototypes, websites, apps
start using Sheets2API to turn their spreadsheets into powerful APIs to rapidly develop prototypes, websites, apps

... turns your spreadsheet into a Restful JSON API, meaning you can get data in and out of your spreadsheet using simple HTTP requests and URLs.

A collection of mini apps written in VueJS

MiniApps! - The Collection Check the production website here MiniApps! - The Collection Build Setup # install dependencies $ yarn install # serve wit

A starting learning tutorial on Vue 3.0 + TypeScript, suitable for complete Vue novices and Vue 2.0 veterans, incorporating some of my own practical experience on the basis of official documents.
A starting learning tutorial on Vue 3.0 + TypeScript, suitable for complete Vue novices and Vue 2.0 veterans, incorporating some of my own practical experience on the basis of official documents.

learning-vue3 This is a starting learning tutorial on Vue 3.0 + TypeScript, suitable for complete Vue novices and Vue 2.0 veterans, incorporating some

vue-easteregg - Easey add an easteregg to your vue app (default with konami code)

vue-easteregg ADD an easter egg to your vue app ;) template div id="app" {{ title }} easteregg @easter="test" :eggs="eggs" duration="50

Avatar editor for Vue.js. Demo on : https://fpluquet.github.io/vue-avatar-editor/

vue-avatar-editor Facebook like, avatar / profile picture component. This is Vue.js clone of mosch/react-avatar-editor Resize, rotate and crop your up

Comments
  • Error: Installing npm packages failed (only in Russia)

    Error: Installing npm packages failed (only in Russia)

    D:\JS\PROJECTS\Vue\BasysTemp>npm i -g basys-cli && basys init C:\Users\User001\AppData\Roaming\npm\basys -> C:\Users\User001\AppData\Roaming\npm\node_modules\basys-cli\index.js

    • [email protected] added 166 packages in 10.232s ? Select a starter project Todo list sample web app ? Project location . ? Would you like to add Visual Studio Code settings? Yes Error: Installing npm packages failed at initProject (C:\Users\User001\AppData\Roaming\npm\node_modules\basys-cli\utils.js:215:13) at
    opened by ghost 8
  • When generating blank project, there any many empty of missing files

    When generating blank project, there any many empty of missing files

    Was trying out basys, love the idea and concept. Just wanted to let you know I'm not seeing any webpack configs, src/backend.js, and src/web.js are blank when generating a blank starter project (did not choose visual studio code settings).

    opened by lsbyerley 1
  • Build Failed

    Build Failed

    Hi, I'm not sure exactly where to report this. I'm on Windows 10 npm: 6.13.0 VS Code: latest with installed basys extension

    Errors: "Done Building Project .... Build FAILED." "gyp ERR! build error" many x "gyp ERR!" many x "npm ERR!"

    Instructions to "2) install Microsoft Visual Studio 2005" Really, do I need to install MS VS 2005? I don't have VCBuild.exe ... don't understand why I would need that.

    Attached Terminal Log Basys build failed 27-Nov-2019.txt

    opened by christoferd 0
  • Support for NW.js and/or Vuido

    Support for NW.js and/or Vuido

    The site mentions "Cross-Platform Desktop support coming soon". But doesn't mention technologies.

    Most obvious choices for XPDA's are:

    • Electron - Well known, decent ecosystem, but generally looked down upon for a plethora of reasons (perpetually out of date, no source protection, resource hog, giant dists)
    • NW.js - Access to latest Chromium, Node, and Vue-DevTools versions. Offers source code protection. Optionally better dist size or Legacy OS support and better ram usage.
    • Vuido - Very small dist size, native UI, uses very few resources.

    These aren't the only options for Cross-Platform Desktop Apps (XPDA's) though, if you wanted to explore more alternatives:

    opened by TheJaredWilcurt 0
Releases(0.4.2)
  • 0.4.2(Jun 1, 2018)

  • 0.4.1(Jun 1, 2018)

  • 0.4.0(May 2, 2018)

    • Upgrade to webpack 4, babel 7 and vue-loader 15
    • Changed the default value of browsers config option
    • Merged cssSourceMap and jsSourceMap options into sourceMap
    • Activate debug mode on end-to-end tests failure
    • basys init now streams the output of npm install into the terminal
    • Set up Travis CI and AppVeyor for automatic package testing
    Source code(tar.gz)
    Source code(zip)
  • 0.3.5(Apr 8, 2018)

  • 0.3.4(Apr 2, 2018)

    • Overriding JS modules to reduce front-end code bundle size. Allows to exclude node.js-specific code from npm packages.
    • Re-activate app builder
    Source code(tar.gz)
    Source code(zip)
  • 0.3.3(Apr 2, 2018)

  • 0.3.2(Mar 6, 2018)

  • 0.3.1(Mar 1, 2018)

  • 0.3(Feb 28, 2018)

    • Visual Studio Code extension for improved developer experience
    • Style linting using styleling and Prettier
    • Add ~ and @ aliases for src/ and assets/ directories
    • Made index.html template optional
    • Bundle size report is generated along with the production build
    • CLI performance improvements
    Source code(tar.gz)
    Source code(zip)
  • 0.2(Feb 3, 2018)

    • Basys CLI for creating new projects and working with existing ones
    • Improved error handling during the compilation
    • Support for parameters in page paths
    • Global basys object is accessible in code
    • JS linting improvements
    • Documentation is available on basys.io
    Source code(tar.gz)
    Source code(zip)
  • 0.1.1(Jan 12, 2018)

    • Expose API for working with projects: running dev server, building for production, end-to-end testing
    • Bug fixes and polishing of webpack configuration
    • index.html template for pages is now included in the project code
    • Restructure basys.json configuration file to support multiple apps
    Source code(tar.gz)
    Source code(zip)
  • 0.1(Jan 3, 2018)

    The initial release that provides:

    • Dev server with hot module reload
    • Support for web and backend applications
    • Automatic code bundling for production
    • Code linting configuration
    • End-to-end testing configuration
    Source code(tar.gz)
    Source code(zip)
Full-stack @Linkedin clone but this one is a little different πŸ‘¨πŸ»β€πŸ’»

Linkedout Running project $ docker-compose up Accessing the linkedout from a browser The starter linkedout works with a load balancer that binds to po

Cihat Salik 6 Jul 25, 2022
A classic game created using a stack of Vue+Vite and Tailwind for implementing a Light/Dark UI option and neat CSS

TicTacToe Game A classic game created using a stack of Vue+Vite and Tailwind for implementing a Light/Dark UI option and neat CSS, overall. Live demo

Artem Solovev 1 Mar 2, 2022
🎨 A Toolset for Building Extensible Page Builders with Vue.js

V-Craft V-Craft (inspired by Craft.js) is a toolset for building extensible page builders with Vue.js. Instead of a complete page builder with a user

Yong-Yuan Chen 217 Oct 4, 2022
A framework for building VR applications with Vue

A Wrapper of Panolens for building VR applications with Vue based on threejs

Mudin Ibrahim 445 Sep 30, 2022
A UI component for building complex queries with nested conditionals.

Vue Query Builder A UI component for building complex queries with nested conditionals. Vue Query Builder is a user interface that makes it easy for y

Daniel Abernathy 612 Oct 3, 2022
Singlepage.js is a pure Javascript portal platform for building modular Web applications

Singlepage.js is a pure Javascript portal platform for building modular Web applications.

Padmanabh Dabke 0 Jan 22, 2021
This is my project in building a simple tool to extract text from an image.

Extract Text About this is my project in building a simple tool to extract text from an image. I am implementing a Tesseract JS library in my project.

BAGUS BUDI SATOTO 2 Aug 30, 2022
A full-featured gesture directive designed for Vue

v-touch A full-featured gesture component designed for Vue This module is still working in progress right now, so it is just for placeholder.

JounQin 30 Jul 3, 2021
Use multiple Vue apps of the same class on the same page

MultiVue for Vue.js Use multiple vue apps of the same class on the same page. Vue support Supports only Vue >= 2 Installation $ npm install vue-multiv

Drew Bartlett 16 Mar 12, 2022
A plugin that simplifies adding Gitalk comments to Vue apps.

A plugin that simplifies adding Gitalk comments to Vue apps.

Nishant Mittal 2 Jul 18, 2022