Thursday, 4 February 2021

Spin up a new machine with Vue JS and VUE CLI && Useful Tools

 1. Hyper-v 

                - create external switch

                 - create ubuntu vm


2. In VM, ifconfig to find out IP

3. Install ssh server in VM https://linuxize.com/post/how-to-enable-ssh-on-ubuntu-20-04/

4. Install node-js(JS able to run in backend) and npm (pkg manager front-end) https://www.digitalocean.com/community/tutorials/how-to-install-node-js-on-ubuntu-18-04

5. Install vue. JS and Vue-CLI(Vue comnad line tool) https://linuxhint.com/install-vue-ubuntu/

6. Existing Vue Project contains package.json that contains vue-cli run in dev mode 

{
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build"
  }
}
7.  cd in to project, use npm install, then npm run serve : https://cli.vuejs.org/guide/cli-service.html#using-the-binary
8. Install tmux, start by calling tmux new, 
tmux ls (is list of session), tmux attach -t 0(session id)
https://cli.vuejs.org/guide/cli-service.html#using-the-binary

9. In actual host, to connect to vm via ssh jxiang@vmIP
10. In visual studio code, to connect to VM use SSHFS, ctrl p open visual studio code 
command pallet, >sshfs create configuration
In configuration add as workspace folder.


No comments:

Post a Comment