how do i install Vue.js using cli on my local machine using Apache?

Question

I installed node.js, run apache via xampp, and configured my apache server so that I can use www.example.com as my practice server domain on my local machine.

I started my command prompt as admin and typed the following lines but and they all ran successfully:

install vue-cli

$ npm install --global vue-cli

create a new project using the "webpack" template

$ vue init webpack my-project

install dependencies and go!

$ cd my-project
$ npm install
$ npm run dev

I followed the cli installation section on https://v2.vuejs.org/v2/guide/installation.html

When I go to my folders, all the vue.js files are installed inside 'my-project', but when I go to my apache server at www.example.com or www.example.com/my-project, a blank page shows. And if I got into my index.html file in the 'my-project' folder and edit it to:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>project3</title>
  </head>
  <body>
    <div id="app">sdfsf</div>
    <!-- built files will be auto injected -->
  </body>
</html>

I just get a blank page with the text sdfsf. What am I doing wrong? why isn't vue.js hello install screen page loading?

after npm run dev, if you just go to browser and enter http://localhost:8080/, what do you see? — Saurabh
– Saurabh, Commented Dec 15, 2016 at 8:15
wow, it is installed there, I missed it, thanks, lol, my bad :) — Simon Suh
– Simon Suh, Commented Dec 15, 2016 at 8:16

Nathaniel Ford · Accepted Answer · 2017-07-04 00:59:12Z

5

When you run:

npm run dev

It starts a Node JS server. The exact command can be found in package.json, and you can see the result by going to http://localhost:8080/.

edited Jul 4, 2017 at 0:59

Nathaniel Ford

21.3k20 gold badges98 silver badges112 bronze badges

answered Dec 15, 2016 at 8:17

Saurabh

73.8k44 gold badges193 silver badges251 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Simon Suh Over a year ago

how do I change the port number it's run on if I want a different port than 8080? I can't find anything in package.json regarding port number.

Saurabh Over a year ago

@SimonSuh It will in the config folder, port should be mentioned in the file which is being used when you run npm run dev(see package.json for this). In my case it is config/index.js

Collectives™ on Stack Overflow

how do i install Vue.js using cli on my local machine using Apache?

install vue-cli

create a new project using the "webpack" template

install dependencies and go!

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

install vue-cli

create a new project using the "webpack" template

install dependencies and go!

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related