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

时间:2016-12-15 08:08:34

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

我安装了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上访问我的apache服务器时/ 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你好安装屏幕页面加载?

1 个答案:

答案 0 :(得分:5)

当你跑步时:

npm run dev

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