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

我已经使用Xampp和JetBrain WebStorm运行AngularJS项目。但是它复杂且性能低下，还有其他方法可以运行AngularJS项目吗？

如果您正在运行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安装，。

例如，大多数系统上都预先安装了python，因此下面的John Doe的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，则其他答案可能会更容易）

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

apt-get install nodejs-legacy npm

然后安装依赖项：

npm install

然后，启动服务器：

npm start

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

sudo npm install serve -g

服务

您可以访问以下页面

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

我用：

• 表达和
• 摩根
  
  

安装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

使用本地网络服务器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 /

• 跑

ng服务

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

• 然后运行命令-它会显示URl NG Live开发服务器正在监听 localhost:4200

• 在http：// localhost：4200上打开浏览器

可以使用localhost上的任何Web服务器部署角度应用程序。以下选项根据您的部署要求概述了几种可能的Web服务器部署的部署说明。

Microsoft的Internet信息服务（IIS）

1. 必须启用Windows IIS

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

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

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

   1.4。将Angular Application Zip文件复制并解压缩到Web服务器的根目录：C：\ inetpub \ wwwroot

2. 现在可以使用以下URL访问Angular应用程序： http：// localhost：8080

NPM轻型Web服务器

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

Apache Tomcat Web服务器

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

“假设您已经安装了nodejs”，

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

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

如果您是Java专家，则只需将您的角度文件夹放置在Web应用程序的Web内容文件夹中，然后部署到您的tomcat服务器。超级容易！

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

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

C：\ Project Folder> npm install -g http-server您将看到如下内容：+ http-server@0.11.1在4.213s中添加了25个软件包

然后键入C：\ Project Folder> http-server –o

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

您还可以在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。这将使用您的默认浏览器打开项目。