搭建AngualarJS开发环境

简介:
1.选择Web浏览器

Chrome和Firefox浏览器

2.选择代码编辑器

Subline Text和Visual Studio Code

3.安装Web服务器
3.1Apache HTTP Server

官方网站:https://httpd.apache.org/ 说明Httpd和Tomcat都是出自Apache基金会的,但是是2个不同的东西。

因为从新版本开始,Apache官方网站不提供.exe的安装程序给到windows用户,所以需要到http://httpd.apache.org/docs/current/platform/windows.html#down 找到下载地址,下载完成之后也不知之前的exe安装文件,不过在bin文件夹中可以找到httpd.exe。如下图所示:
image

3.2安装Node.js加载connect模块启动一个简单的web服务器

connect模块安装路径:C:\Users\Administrator\AppData\Roaming\npm\node_modules\connect

运行node server.js出现如下错误:
image

问题:原因是书上作者的connect模块的版本比较低。同时要引入serve-static模块,我没有升
级connect模块,只是直接安装npm install serve-static。
参考地址:http://stackoverflow.com/questions/24346161/nodejs-connect-cannot-find-static
server.js代码修改如下:

var connect=require('connect');
var serverStatic=require('serve-static');

var app=connect();
app.use(serverStatic("../angularjs"));
app.listen(5000);
4 运行结果

我在angularjs文件夹中新建了一个index.html,然后写了一个hello world。运行成功结果如图:
image

目录
相关文章
|
23天前
|
Java 开发工具 Android开发
搭建大型源码阅读环境——使用 OpenGrok
RTFSC 是程序员成长的必修课,营造舒适的环境至关重要。本文介绍了阅读大型源码(如 AOSP)的工具选择,重点推荐了免费开源的 OpenGrok。OpenGrok 提供快速搜索、版本历史查看、语法高亮等功能,适用于特大型项目。文章还详细讲解了 OpenGrok 的安装和配置步骤,帮助读者高效阅读源码。
87 6
|
开发框架 Python Windows
嵌入式工程师入门前后端系列2:搭建web.py环境
嵌入式工程师入门前后端系列2:搭建web.py环境
|
Ubuntu Linux iOS开发
搭建Python开发环境详细步骤
搭建Python开发环境详细步骤
378 0
|
Oracle Java 关系型数据库
从0开始搭建一台服务器开发环境(上)
这套文章将教您如何一步一步搭建一台服务器,通过这套文章你将搭建的服务,以及配置如下:
785 1
从0开始搭建一台服务器开发环境(上)
|
NoSQL 网络协议 Java
从0开始搭建一台服务器开发环境(中)
4,安装maven 5,安装tomcat 6,安装redis 8,安装mysql 9,安装svn
196 0
从0开始搭建一台服务器开发环境(中)
|
jenkins 应用服务中间件 持续交付
从0开始搭建一台服务器开发环境(下)
10,安装NgInx 11,安装jenkins 12,开放服务器指定端口 13,其他注意细节,避免采坑
101 0
|
JavaScript
用nodejs快速搭建本地环境
用nodejs快速搭建本地环境
132 0
|
IDE Java PHP
搭建PHP开发环境
搭建PHP开发环境
147 0
搭建PHP开发环境
|
安全
搭建基本环境
为安装软件去配置基本环境、端口,方便本地访问
157 0
搭建基本环境
|
移动开发 JavaScript 前端开发
ReactNative开发环境的搭建与开发前准备(三)
ReactNative开发环境的搭建与开发前准备
107 0
ReactNative开发环境的搭建与开发前准备(三)