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

Sim*_*Suh 5 apache installation command-prompt command-line-interface vue.js

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

我以管理员身份启动了我的命令提示符并输入了以下行,但它们都成功运行:

安装vue-cli

$ npm install --global vue-cli
Run Code Online (Sandbox Code Playgroud)

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

$ vue init webpack my-project
Run Code Online (Sandbox Code Playgroud)

安装依赖,然后去!

$ cd my-project
$ npm install
$ npm run dev
Run Code Online (Sandbox Code Playgroud)

我按照https://vuejs.org/v2/guide/installation.html上的cli安装部分进行了操作

当我转到我的文件夹时,所有的vue.js文件都安装在'my-project'中,但当我去www.example.com或www.example.com/my-project的apache服务器时,会出现一个空白页面显示.如果我进入'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>
Run Code Online (Sandbox Code Playgroud)

我只是得到一个带有文本sdfsf的空白页面.我究竟做错了什么?为什么不是vue.js你好安装屏幕页面加载?

Sau*_*abh 5

当你运行:

npm run dev
Run Code Online (Sandbox Code Playgroud)

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