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

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

安装node.js

下载链接

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

编写NODE_PATH

30.png

添加到path中

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

 v6.11.4

登录后复制

安装Web服务器

npm install connectnpm 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

nbsp;html>     First Test                

{{ "AngularJS" }}

    

Bootsstrap

登录后复制

启动web服务器

跳转到nodejs的安装目录

node server.js

登录后复制

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

效果如下:
33.png

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

以上就是AngularJS如何搭建web服务器?angularjs搭建web服务器的详细过程的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2636136.html

(0)
上一篇 2025年3月7日 04:59:03
下一篇 2025年2月19日 21:55:52

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • javascript中Date类的详解(代码示例)

    本篇文章给大家带来的内容是关于javascript中date类的详解(代码示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 Date 是 JS 中的重要的一个内置对象,其实例主要用于处理时间和日期,其时间基于 1970…

    编程技术 2025年3月7日
    200
  • Node.js模拟发起http请求的方法有哪些?(方法总结)

    本篇文章给大家带来的内容是关于node.js模拟发起http请求的方法有哪些?(方法总结),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 使用Node.js模拟发起http请求很常用的,但是由于Node模块(原生和第三方库…

    编程技术 2025年3月7日
    200
  • 总结node.js常用fs文件系统(全面)

    本篇文章给大家带来的内容是关于总结node.js常用fs文件系统(全面),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 fs文件系统模块对于系统文件及目录进行一些读写操作。 模块中的方法均有异步和同步版本,例如读取文件内容…

    编程技术 2025年3月7日
    200
  • util.promisify的相关内容讲解

    本篇文章给大家带来的内容是关于util.promisify的相关内容讲解,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 util.promisify是在node.js 8.x版本中新增的一个工具,用于将老式的Error f…

    编程技术 2025年3月7日
    200
  • node.js实现微信小程序抓取网页内容

    本篇文章给大家带来的内容是关于node.js实现微信小程序抓取网页内容,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 最近在研究微信小程序的云开发功能。云开发最大的好处就是不需要前端搭建服务器,可以使用云端能力,从零开始写…

    2025年3月7日
    200
  • node.js中fs文件系统的用法介绍

    本篇文章给大家带来的内容是关于node.js中fs文件系统的用法介绍,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 fs文件系统模块对于系统文件及目录进行一些读写操作。 模块中的方法均有异步和同步版本,例如读取文件内容的函…

    编程技术 2025年3月7日
    200
  • node.js中常用的fs文件系统有哪些

    本篇文章给大家带来的内容是关于node.js中常用的fs文件系统有哪些,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 fs文件系统模块对于系统文件及目录进行一些读写操作。 模块中的方法均有异步和同步版本,例如读取文件内容的…

    编程技术 2025年3月7日
    200
  • 什么是nodejs

    Node.js是一个用于创建服务器端应用程序的运行系统,它可以轻松构建网络或其他事件驱动的应用程序服务器;Node.js还是一个精简的、高度可定制的服务器引擎,它在循环中处理,并且准备接受并响应请求。 本文操作环境:Windows7系统、D…

    2025年3月7日
    200
  • node.js如何为PDF添加水印(代码示例)

    本篇文章给大家带来的内容是关于node.js如何为pdf添加水印(代码示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助 项目中有用到node做中间层,期间有个为PDF文件添加水印的需求,网上搜了不少帖子,发现有以下几点存…

    2025年3月7日
    200
  • node.js中的env如何使用

    node.js的环境变量存储在名为process.env的对象中,环境变量就像一个包含运行应用程序最基本的设置的框,本篇文章就来给大家介绍关于node.js中的env的使用方法。 node.js与JavaScript源代码是分开管理环境变量…

    2025年3月7日
    200

发表回复

登录后才能评论