Vue JS step by step (draft)

  1. Development environment
    1. xampp
    2. windows 10
  2. Build vue.js
    • $ npm install -g vue-cli  #install vue-cli globally
    • $ vue init web pack myapp #create new project with webpack template
    • $ cd myapp
    • $ npm install #install dependency
    • $ npm run dev # run dev server
    • $ npm run build # build application to production
  3. Add the bootstrap and others component
    1. https://alligator.io/vuejs/css-frameworks-vuejs/
  4. Setting up domain in development environment
    1. Edit “D:\xampp\apache\conf\extra\httpd-vhosts.conf”
    2. Edit “C:\Windows\System32\drivers\etc\hosts”
  5. Reference
    1. https://www.youtube.com/watch?v=z6hQqgvGI4Y&t=1003s
    2. https://www.youtube.com/playlist?list=PL4cUxeGkcC9gQcYgjhBoeQH7wiAyZNrYa