如何创建 localhost 服务器来运行 AngularJS 项目答案

【问题标题】：How to create a localhost server to run an AngularJS project如何创建 localhost 服务器来运行 AngularJS 项目
【发布时间】：2015-06-14 06:05:10
【问题描述】：

我使用 Xampp 和 JetBrain WebStorm 来运行一个 AngularJS 项目。但是它复杂且性能低。有没有其他方法可以运行AngularJS项目？

【问题讨论】：

标签： angularjs

【解决方案1】：

如果您正在运行 node.js，http-server 是一种提供本地文件的超级简单方法。

cd 进入您的项目文件夹并

npx http-server -o 

# or, install it separately so you don't need npx
npm install -g http-server
http-server -o

-o 是打开浏览器到页面。运行http-server --help查看其他选项，例如更改端口号

没有`node`？

如果您没有安装node/npm，these other one-liners 可能会更容易。

例如，python 预装在大多数系统上，所以下面的John Doe's python servers 会更快。

MacOS 随 ruby 一起安装，因此如果您运行的是 Mac，这是另一个简单的选择： ruby -run -ehttpd . -p8000 并打开浏览器到http://localhost:8000。

【讨论】：

【解决方案2】：

可以使用本地主机上的任何 Web 服务器部署 Angular 应用程序。下面的选项概述了几个部署说明可能的网络服务器部署取决于您的部署要求。

微软的 Internet 信息服务 (IIS)

必须启用 Windows IIS

1.1。在 Windows 中，访问控制面板并单击添加或删除程序。

1.2。在“添加或删除程序”窗口中，单击“添加/删除 Windows 组件”。

1.3。选中 Internet 信息服务 (IIS) 复选框，单击下一步，然后单击完成。

1.4。将 Angular Application Zip 文件复制并解压缩到网络服务器根目录： C:\inetpub\wwwroot
现在可以使用以下 URL 访问 Angular 应用程序： http://localhost:8080

NPM 轻量级 Web 服务器

安装轻量级 Web 服务器 1.1。从以下位置下载并安装 npm： https://www.npmjs.com/get-npm 1.2.安装好 npm 后，打开命令提示符并键入： npm install -g http-server 1.3.提取 Angular Zip 文件
要运行 Web 服务器，请打开命令提示符，然后导航到目录您之前提取 Angular 并输入： http服务器
现在可以使用以下 URL 访问 Angular Application 应用程序： http://localhost:8080

Apache Tomcat 网络服务器

安装 Apache Tomcat 版本 8 1.1。从以下位置下载并安装 Apache Tomcat： https://tomcat.apache.org/ 1.2.将 Angular 应用程序 Zip 文件复制并解压缩到网络服务器根目录 C:\Program Files\Apache Software Foundation\Tomcat 7.0\webapps
现在可以使用以下 URL 访问 Angular 应用程序： http://localhost:8080

【讨论】：

【解决方案3】：

如果您的 Angular 项目使用 Visual Studio Community 或任何其他版本，请转到项目文件夹，首先输入

C:\项目文件夹>npm install -g http-server 你会看到如下： + http-server@0.11.1 在 4.213 秒内添加了 25 个包

然后输入 C:\Project Folder>http-server –o

您将看到您的应用程序自动出现在http://127.0.0.1:8080/

【讨论】：

【解决方案4】：

Python 有一个专门用于启动网络服务器的内置命令：

Python3.x：

python -m http.server 8000

其他版本：

python -m SimpleHTTPServer 8000

将在端口 8000 上启动网络服务器

（Python是这个的先决条件；如果你没有安装python，其他答案可能更容易）

【讨论】：

值得注意的是，该命令服务于当前目录的内容
哦，对于 Python 3，它应该是 python -m http.server 8000

【解决方案5】：

我使用：

表达和
摩根

安装 Node.js。和 npm。 npm 与 Node.js 一起安装

放置在项目根目录中

$ cd <your_angularjs_project>

下一个命令创建 package.json

$ npm init

安装 express ==> 快速、无主见、极简的节点：

$ npm install express --save

为 node.js 安装 morgan ==> HTTP 请求记录器中间件

$ npm install morgan --save

创建文件 server.js

在 server.js 文件中添加以下代码

// Required Modules
var express    = require("express");
var morgan     = require("morgan");
var app        = express();

var port = process.env.PORT || 3002;

app.use(morgan("dev"));
app.use(express.static("./"));

app.get("/", function(req, res) {
    res.sendFile("./index.html"); //index.html file of your angularjs application
});

// Start Server
app.listen(port, function () {
    console.log( "Express server listening on port " + port);
});

最后在 localhost 服务器上运行你的 AngularJS 项目：

$ node server.js

【讨论】：

【解决方案6】：

cd <your project folder>（你的 angularjs 的可部署代码在那里）

sudo npm install serve -g

服务

您可以点击您的页面

本地主机：3000 或 IP 地址：3000

【讨论】：

【解决方案7】：

运行

ng 服务

此命令在您的项目文件夹位置之后在您的终端中运行，例如 ~/my-app$

然后运行命令 - 它将显示 URl NG Live Development Server 正在侦听 localhost:4200
在http://localhost:4200上打开浏览器

【讨论】：

这个命令是针对 angular2 的，不是针对 angular1.x 的，对于这个命令，用户必须安装 angular cli

【解决方案8】：

使用 local-web-server npm 包。

https://www.npmjs.com/package/local-web-server

$ npm install -g local-web-server
$ cd <your-app-folder>
$ ws

另外，你可以运行

$ ws -p 8181

-p 定义你要使用的端口

之后，只需转到浏览器并访问 http:localhost:8181/

【讨论】：

【解决方案9】：

您还可以在 Visual Studio 代码中设置环境。运行 Ctrl + Shift + P，然后在出现的框中键入 ctr 并选择任务：配置 Task Runner，然后将 task.json 文件更改为：{ "version": "0.1.0", "command": "explorer", "windows": { "command": "explorer.exe" }, "args": ["index.html"] }，保存更改，然后选择 index.html 文件并键入Ctrl + Shift + B。这将使用您的默认浏览器打开项目。

【讨论】：

【解决方案10】：

假设您已经安装了 node.js，您可以使用browser sync 进行同步浏览器测试。

【讨论】：

【解决方案11】：

如果你是一个 java 人，只需将你的 angular 文件夹放在你的 web 应用程序的 web content 文件夹中，然后部署到你的 tomcat 服务器。超级简单！

【讨论】：

【解决方案12】：

“假设您安装了 nodejs”，

mini-http 是一个非常简单的创建 http 服务器的命令行工具，
全局安装包npm install mini-http -g
然后使用你的cmd（终端）在你的项目目录中运行mini-http -p=3000 和繁荣！你在 3000 端口上创建了一个服务器现在去检查http://localhost:3000

注意：不需要指定端口，您可以简单地运行mini-http 或mh 来启动服务器

【讨论】：

【解决方案13】：

您可以从终端或 cmd 安装 Node.js 开始：

apt-get install nodejs-legacy npm

然后安装依赖：

npm install

然后，启动服务器：

npm start

【讨论】：

NodeJS 有一个适用于 Windows 的安装程序。你可以在 nodejs.org 下载它
有没有办法通过开机自动启动节点服务器
@AmarSyla，我不了解 bash 配置文件。你能告诉我如何实现它吗？

没有node？

微软的 Internet 信息服务 (IIS)

NPM 轻量级 Web 服务器

Apache Tomcat 网络服务器

没有`node`？