如何创建本地主机服务器以运行AngularJS项目

我使用Xampp和JetBrain WebStorm来运行AngularJS项目。但是它很复杂，性能也很低。运行AngularJS项目还有其他方法吗？

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

apt-get install nodejs-legacy npm

然后安装依赖项：

npm install

然后，启动服务器：

npm start

如果您正在运行node.js，那么这非常简单

cd

放入项目文件夹，然后

npxhttp服务器-o
#或者，单独安装，这样就不需要npx了
npm安装-g http服务器
http服务器-o

-o

是打开浏览器的页面。运行http服务器--help查看其他选项，如更改端口号

没有

节点

？ 如果没有安装

节点

/

npm

，可能会更容易

例如，大多数系统都预装了python，所以下面的方法会更快

MacOS随ruby一起安装，因此如果您正在运行Mac，这是另一个简单的选项：

---

ruby-run-ehttpd-p8000

并打开浏览器至

http://localhost:8000

Python有一个内置命令，专门用于启动Web服务器：

Python3.x：

python -m http.server 8000

其他版本：

python -m SimpleHTTPServer 8000

将在端口8000上启动Web服务器

（Python是实现这一点的先决条件；如果您没有安装Python，其他答案可能会更简单）

假设您安装了nodejs，

是创建http服务器的非常简单的命令行工具，
全局安装程序包

npm安装mini-http-g

然后使用cmd（终端）在项目目录中运行

mini-http-p=3000

轰！您在端口3000上创建了一个服务器，现在请检查

注意：不需要指定端口，只需运行

mini-http

或

mh

即可启动服务器

cd

（angularjs的可部署代码就在那里）

sudo npm安装服务-g

服侍

你可以在

---

localhost:3000或IPaddress:3000

如果您是java爱好者，只需将Angle文件夹放在web应用程序的web内容文件夹中，然后部署到tomcat服务器。超级容易

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

您还可以在visual studio代码中设置环境。运行Ctrl+Shift+P，然后在出现的框中键入ctr并选择tasks:Configure Task Runner，然后将Task.json文件更改为：

{“version”：“0.1.0”，“command”：“explorer”，“windows”：{“command”：“explorer.exe”}，“args”：[“index.html”]}

，保存更改，然后选择index.html文件并键入Ctrl+Shift+B。这将使用默认浏览器打开项目。

使用本地web服务器npm软件包

-p定义要使用的端口

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

• 跑

ng发球 此命令在您的终端中的项目文件夹位置后运行，如

~/myapp$

• 然后运行命令-它将显示URl NG Live Development Server正在侦听

  localhost:4200

• 在上打开浏览器

我使用：

• 表达和
• 摩根
  
  

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

放置在根项目目录中

$ cd <your_angularjs_project>

安装express==>节点的快速、无偏见、最低要求：

$ npm install express --save

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

$ npm install morgan --save

创建文件服务器.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

---

angular应用程序可以使用localhost上的任何Web服务器进行部署。 下面的选项概述了几个方面的部署说明 可能的Web服务器部署取决于您的部署要求

---

微软互联网信息服务（IIS）

必须启用Windows IIS

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

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

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

1.4。将Angular应用程序Zip文件复制并解压缩到webserver根目录： C:\inetpub\wwwroot

现在可以使用以下URL访问Angular应用程序：

---

NPMs轻量级Web服务器

安装轻量级web服务器 1.1. 从以下位置下载并安装npm： 1.2. 安装npm后，打开命令提示符并键入： npm安装-g http服务器 1.3. 提取角度压缩文件

要运行web服务器，请打开命令提示符，然后导航到该目录 在此处，您提取了角度信息并键入： http服务器

现在可以使用以下URL访问Angular应用程序：

---

ApacheTomcatWeb服务器

安装ApacheTomcat版本8 1.1. 从以下位置下载并安装Apache Tomcat： 1.2. 将Angular应用程序Zip文件复制并解压缩到webserver根目录 C:\Program Files\Apache软件基金会\Tomcat 7.0\webapps

现在可以使用以下URL访问Angular应用程序：

---

如果您已将Visual Studio社区或任何其他版本用于angular项目，请转到项目文件夹，首先键入

C:\Project Folder>npm安装-g http服务器 您将看到以下内容： +http-server@0.11.1 在4.213s中添加了25个包

然后键入C:\Project Folder>http服务器–o

---

您将看到，您的应用程序会自动出现在NodeJS上，它有一个Windows安装程序。您可以在nodejs.org下载。是否可以通过打开system@AmarSyla，我不知道bash的简介。你能告诉我吗

$ npm install express --save

$ npm install morgan --save

// 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);
});

$ node server.js