Vue CLI - sikaeducation/vue-curriculum GitHub Wiki

Vue CLI is a great way to maintain a decoupled Vue front-end, or learn and experiment with Vue without needing a build system.

Installation

npm i -g @vue/cli

Creating New Projects

vue create project-name (You can also use vue create . to start new project in the current directory)

Recommendation for beginners:

  1. Manually select features
  2. Use j/k/spacebar to select:
  • Choose Vue version
  • Babel
  • CSS Pre-processors
  • Linter / Formatter
  1. 3.x (Preview)
  2. Sass/SCSS (with dart-sass)
  3. ESLint + Airbnb config
  4. Lint on save
  5. In package.json
  6. No

Using Vue CLI

While in a Vue CLI project, you can use the following scripts:

  • npm run serve - Run a development server
  • npm run build - Make a production build in the /dist directory
  • npm run lint - Run the linter