cari

Rumah >hujung hadapan web >tutorial js >AngularJS如何搭建web服务器？angularjs搭建web服务器的详细过程

AngularJS如何搭建web服务器？angularjs搭建web服务器的详细过程

寻∝梦
寻∝梦asal
2018-09-08 16:59:542381semak imbas

本篇文章主要的介绍了关于angularjs启动web服务器的操作，希望能帮到大家，现在开始看文章吧

安装node.js

下载链接

官网地址： https://nodejs.org/en/
我下的解压版的，直接解压到你想安装的目录中
在我的电脑（右键）→属性→高级系统变量→环境变量

编写NODE_PATH

30.png

添加到path中

31.pngnode -v
在控制台能够显示node版本

 v6.11.4

安装Web服务器

npm install connect
npm install serve-static

编写server.js 文件，书上的版本是2.x的版本，现在是3.x的版本了，书上的代码失效了，将该文件放到nodejs的安装目录中去

var connect = require('connect');
    serveStatic = require('serve-static');
var app = connect();
app.use(serveStatic("../angularjs"));
app.listen(5000);

AngularJS设置

新建angularjs文件夹和nodejs的安装目录平级
32.png

文件夹中需要准备bootstrap的css文件和angular.js
angularjs文件夹下载地址：点击下载
angularjs文件夹下新建FirstTest.html

<!DOCTYPE html><html ng-app><head>
    <title> First Test</title>
    <script src="angular.js"></script>
    <link href="bootstrap.css" rel="stylesheet" />
    <link href="bootstrap-grid.css" rel="stylesheet" /></head><body>
    <p class="btn btn-dark">{{ "AngularJS" }}</p>
    <p class="btn btn-success">Bootsstrap</p></body></html>

启动web服务器

跳转到nodejs的安装目录

node server.js

查看浏览器 http://localhost:5000/FirstTest.html

效果如下：
33.png

本篇文章到这就结束了（想看更多就到PHP中文网AngularJS使用手册栏目中学习），有问题的可以在下方留言提问。

Atas ialah kandungan terperinci AngularJS如何搭建web服务器？angularjs搭建web服务器的详细过程. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

php node.js css bootstrap angular.js html angular JS http https
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：Javascript 定时器调用传递参数的方法Artikel seterusnya：面试题目：JavaScript中call方法

Artikel berkaitan

Lihat lagi