Skip to content

Frontend Development

Jump to bottom
Allie Sierra edited this page May 1, 2022 · 5 revisions

Dev Environment

# NPM
yay -Sy npm

# Vue CLI
npm install -g @vue/cli

# http-server (For local prod testing)
npm install --global http-server

Quickstart

# Dev
npm install
npm run dev

# Local Prod
npm run build && npx http-server dist

Resources

How Vue was Installed

vue create game-night

Vue CLI v5.0.4
? Please pick a preset: Manually select features
? Check the features needed for your project: (Press <space> to select, <a> to toggle 
all, <i> to invert selection, and <enter> to proceed)
 ◉ Babel
 ◉ TypeScript
 ◉ Progressive Web App (PWA) Support
 ◉ Router
 ◯ Vuex
 ◯ CSS Pre-processors
❯◉ Linter / Formatter
 ◯ Unit Testing
 ◯ E2E Testing
? Choose a version of Vue.js that you want to start the project with (Use arrow keys)
❯ 3.x 

? Use class-style component syntax? No
? Use Babel alongside TypeScript (required for modern mode, auto-detected polyfills, 
transpiling JSX)? Yes
? Use history mode for router? (Requires proper server setup for index fallback in 
production) Yes
? Pick a linter / formatter config: 
  ESLint with error prevention only 
  ESLint + Airbnb config 
  ESLint + Standard config 
❯ ESLint + Prettier

Note: The packages selected as No can be installed later and are the recommended Vue ecosystem tools to use. We should try using those first unless there are compelling reasons to use something else. Use Vue CLI as much as possible.

Clone this wiki locally