搭建AngualarJS開發環境

1.選擇Web瀏覽器

Chrome和Firefox瀏覽器html

2.選擇代碼編輯器

Subline Text和Visual Studio Codenode

3.安裝Web服務器

3.1Apache HTTP Serverangularjs

官方網站:https://httpd.apache.org/ 說明Httpd和Tomcat都是出自Apache基金會的,可是是2個不一樣的東西。web

由於重新版本開始,Apache官方網站不提供.exe的安裝程序給到windows用戶,因此須要到http://httpd.apache.org/docs/current/platform/windows.html#down 找到下載地址,下載完成以後也不知以前的exe安裝文件,不過在bin文件夾中能夠找到httpd.exe。以下圖所示:apache

clipboard.png

3.2安裝Node.js加載connect模塊啓動一個簡單的web服務器npm

connect模塊安裝路徑:C:\Users\Administrator\AppData\Roaming\npm\node_modules\connectwindows

運行node server.js出現以下錯誤:瀏覽器

clipboard.png

問題:緣由是書上做者的connect模塊的版本比較低。同時要引入serve-static模塊,我沒有升
級connect模塊,只是直接安裝npm install serve-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。運行成功結果如圖:app

clipboard.png

相關文章
相關標籤/搜索