【问题标题】：how do i install Vue.js using cli on my local machine using Apache?如何在使用 Apache 的本地计算机上使用 cli 安装 Vue.js？
【发布时间】：2017-04-30 18:24:14
【问题描述】：

我安装了 node.js，通过 xampp 运行 apache，并配置了我的 apache 服务器，以便我可以在本地机器上使用 www.example.com 作为我的练习服务器域。

我以管理员身份启动命令提示符并键入以下行，但它们都运行成功：

安装 vue-cli

$ npm install --global vue-cli

使用“webpack”模板创建一个新项目

$ vue init webpack my-project

安装依赖并开始！

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

我关注了https://vuejs.org/v2/guide/installation.html上的cli安装部分

当我转到我的文件夹时，所有 vue.js 文件都安装在“my-project”中，但是当我转到位于 www.example.com 或 www.example.com/my-project 的 apache 服务器时，显示一个空白页。如果我进入“我的项目”文件夹中的 index.html 文件并将其编辑为：

<!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>

我只是得到一个带有文本 sdfsf 的空白页。我究竟做错了什么？为什么 vue.js hello install screen 页面不加载？

【问题讨论】：

npm run dev之后，如果你只是去浏览器输入http://localhost:8080/，你会看到什么？
哇，它安装在那里，我错过了，谢谢，大声笑，我的坏:)
如何更改安装在哪个端口？

标签： apache installation command-line-interface vue.js command-prompt

【解决方案1】：

当你运行时：

npm run dev

它启动一个 Node JS 服务器。确切的命令可以在package.json 中找到，您可以转到http://localhost:8080/ 来查看结果。

【讨论】：

如果我想要一个不同于 8080 的端口，如何更改它运行的端口号？我在 package.json 中找不到任何关于端口号的内容。
@SimonSuh 它将在 config 文件夹中，当您运行 npm run dev 时，应在文件中提及端口（参见 package.json）。就我而言，它是config/index.js