我如何使用 Apache 在我的本地计算机上使用 cli 安装 Vue.js?

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

我通过 xampp 安装了 node.js、运行 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 的 apache 服务器时。 com/my-project,显示空白页。如果我进入 'my-project' 文件夹中的 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 你好安装屏幕页面未加载?

当你运行:

npm run dev

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

查看结果