tech-game

A game built on the HubSpot platform. It is built starting from the HubSpot Vue Boilerplate to make the user interface development easy.

This game is currently not playable, it's extremely bare bones.

Requirements:

• CMS Hub Enterprise
• system templates need to be assigned

cms-vue-boilerplate [beta]

Boilerplate Vue project for creating apps using modules on the HubSpot CMS

• Uses Vue version 2(currently 2.6)
• Supports Vue SFC(Single File Components)

Getting Started

For more information on local development tools, see Local Development Tooling: Getting Started

Configuration

Set up HubSpot CMS CLI (@hubspot/cms-cli)

• A config file named hubspot.config.yml will also be needed. The config can be at the project level or higher up in the directory tree.
• Be sure to set a defaultPortal in your hubspot.config.yml to which you'd like the built app files to sync.

Install

• Run npm install or yarn install to install needed dependencies.

Running

• Run npm start or yarn start to automatically upload your project to defaultPortal.
• Create a page from default theme, or any drag-and-drop (dnd_area) enabled template in your portal, and add the module(see snippet below).

  {% module "cms_vue_boilerplate" path="./cms-vue-boilerplate/modules/app" label="CMS Vue Boilerplate" %}
  

package.json scripts

• start : Builds project with webpack, uploads to your defaultPortal specified in hubspot.config.yml and watches for changes via @hubspot/webpack-cms-plugins/HubSpotAutoUploadPlugin.
• build : Clears /dist contents and builds project into /dist.
• deploy : Clears /dist contents, builds project into /dist, and uploads to via @hubspot/cms-cli.
• lint : Lints CSS, JS, and JSON files via eslint (documentation) and checks for formatting via prettier(documentation) in src.
  • For configs, see prettier.config.js and eslintrc.js.
• prettier:write : Formats JS and JSON files in src.
  • For configs, see prettier.config.js.