- Click to Install Node.
- Once installed, open up a Command prompt and navigate to a directory where you would like the following project to be located. Please note that the project will create a folder in this location.
- run
npm install vue
. - run
npm install -g @vue/cli
NOTE: -g installs globally to the machine.
** Please note: Enter
will CONFIRM, Space
will SELECT (if error is made ctrl-c will terminate process). **
- Run
vue create <project-name>
. - Arrow key down to
manually select
. - Arrow key and space on
router
andvuex
confirm. - Arrow down to
Eslint + Prettier
and confirm. - Select
lint on save
. - Select
in dedicated config file
. - Type
N
for not saving preset. - Change directory to the project that was just created
cd <project-name>
.
OPTIONAL: run
vue ui --dev
and import project directory for ui use later (provides analytics etc).
To install the packages listed below please enter:
vue add vuetify
and hit enter ondefault
.npm i vue-page-transition
npm i vue-flip
Vuetify - allows for advanced components such as forms, buttons and navbars.
Please download/install the following extension:
Name: Vue VS Code Extension Pack
.
Id: sdras.vue-vscode-extensionpack
.
Description: A collection of extensions for working with Vue Applications in VS Code
.
Version: 0.2.0
.
Publisher: sarah.drasner
.
VS Marketplace Link: <https://marketplace.visualstudio.com/items?itemName=sdras.vue-vscode-extensionpack>
.
- To correct errors between dependencies please run:
npm run serve --fix
. - To build and run the project:
npm run serve
ornpm run dev
this will locally host the website - To run please open a browser, and enter into the url
http://localhost:8080/
.
Option 1: You will need to pull/clone this repo and use it to replace the pre-existing src and public files.
Option 2: Additionally you can download the zip file of the source code, extract it and copy & replace the files that were already generated by vue and vuetify.
Open terminal and run
node -v
to check the install version.
Check npm (Node Package Manger Version)
npm -v
.