Install Vue.js

August 21, 2020

First you have to  create new project in your working folder

You can use the command line to create new project

If you have not install Vue in your computer you can run the following command in your terminal

npm install vue

Run the following command in your terminal

> vue create codekayak

Then you will be prompted to select some options and you can select them as you need

Then Vue CLI will start downloading the files and it will create scaffolding project for you to start code

> cd codekayak

> npm run serve

This is the output of the command line when you create new project

Dev:vue Niro$ vue create codekayak


Vue CLI v4.3.1
┌─────────────────────────────────────────────┐
│                                             │
│     New version available 4.3.1 → 4.5.4     │
│   Run yarn global add @vue/cli to update!   │
│                                             │
└─────────────────────────────────────────────┘

? Please pick a preset: Manually select features
? Check the features needed for your project: Babel, Linter
? Pick a linter / formatter config: Prettier
? Pick additional lint features: Lint on save
? Where do you prefer placing config for Babel, ESLint, etc.? In dedicated config files
? Save this as a preset for future projects? No


Vue CLI v4.3.1
✨  Creating project in /Applications/XAMPP/xamppfiles/htdocs/dev/vue/codekayak.
🗃  Initializing git repository...
⚙️  Installing CLI plugins. This might take a while...


> fsevents@1.2.13 install /Applications/XAMPP/xamppfiles/htdocs/dev/vue/codekayak/node_modules/watchpack-chokidar2/node_modules/fsevents
> node install.js

  SOLINK_MODULE(target) Release/.node
  CXX(target) Release/obj.target/fse/fsevents.o
  SOLINK_MODULE(target) Release/fse.node

> fsevents@1.2.13 install /Applications/XAMPP/xamppfiles/htdocs/dev/vue/codekayak/node_modules/webpack-dev-server/node_modules/fsevents
> node install.js

  SOLINK_MODULE(target) Release/.node
  CXX(target) Release/obj.target/fse/fsevents.o
  SOLINK_MODULE(target) Release/fse.node

> yorkie@2.0.0 install /Applications/XAMPP/xamppfiles/htdocs/dev/vue/codekayak/node_modules/yorkie
> node bin/install.js

setting up Git hooks
done


> core-js@3.6.5 postinstall /Applications/XAMPP/xamppfiles/htdocs/dev/vue/codekayak/node_modules/core-js
> node -e "try{require('./postinstall')}catch(e){}"


> ejs@2.7.4 postinstall /Applications/XAMPP/xamppfiles/htdocs/dev/vue/codekayak/node_modules/ejs
> node ./postinstall.js

added 1247 packages from 929 contributors and audited 1247 packages in 77.831s
found 1 high severity vulnerability
  run `npm audit fix` to fix them, or `npm audit` for details
🚀  Invoking generators...
📦  Installing additional dependencies...

added 59 packages from 40 contributors and audited 1307 packages in 15.457s
found 1 high severity vulnerability
  run `npm audit fix` to fix them, or `npm audit` for details
⚓  Running completion hooks...

📄  Generating README.md...

🎉  Successfully created project codekayak.
👉  Get started with the following commands:

 $ cd codekayak
 $ npm run serve

Dev:vue Niro$