abstract:1.選擇Web瀏覽器Chrome和Firefox瀏覽器2.選擇代碼編輯器Subline Text和Visual Studio Code3.安裝Web服務(wù)器3.1Apache HTTP Server官方網(wǎng)站:https://httpd.apache.org/ 說(shuō)明Httpd和Tomcat都是出自Apache基金會(huì)的,但是是2個(gè)不同的東西。因?yàn)閺男掳姹鹃_始,Apache官方網(wǎng)站不提供.exe
1.選擇Web瀏覽器
Chrome和Firefox瀏覽器
2.選擇代碼編輯器
Subline Text和Visual Studio Code
3.安裝Web服務(wù)器
3.1Apache HTTP Server
官方網(wǎng)站:https://httpd.apache.org/ 說(shuō)明Httpd和Tomcat都是出自Apache基金會(huì)的,但是是2個(gè)不同的東西。
因?yàn)閺男掳姹鹃_始,Apache官方網(wǎng)站不提供.exe的安裝程序給到windows用戶,所以需要到http://httpd.apache.org/docs/current/platform/windows.html#down 找到下載地址,下載完成之后也不知之前的exe安裝文件,不過(guò)在bin文件夾中可以找到httpd.exe。如下圖所示:
3.2安裝Node.js加載connect模塊啟動(dòng)一個(gè)簡(jiǎn)單的web服務(wù)器
connect模塊安裝路徑:C:\Users\Administrator\AppData\Roaming\npm\node_modules\connect
運(yùn)行node server.js出現(xiàn)如下錯(cuò)誤:
問(wèn)題:原因是書上作者的connect模塊的版本比較低。同時(shí)要引入serve-static模塊,我沒(méi)有升
級(jí)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 運(yùn)行結(jié)果
我在angularjs文件夾中新建了一個(gè)index.html,然后寫了一個(gè)hello world。運(yùn)行成功結(jié)果如圖: