本篇文章主要的介紹了關於angularjs啟動web伺服器的操作,希望能幫到大家,現在開始看文章吧
官網位址: https://nodejs.org/en/
我下的解壓縮版的,直接解壓縮到你想安裝的目錄中
在我的電腦(右鍵)→屬性→進階系統變數→環境變數
node -v
在控制台能夠顯示node版本
v6.11.4
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資料夾和nodejs的安裝目錄平階
資料夾中需要準備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>
跳到nodejs的安裝目錄
node server.js
查看瀏覽器http://localhost:5000/FirstTest .html
效果如下:
這篇文章到這就結束了(想看更多就到PHP中文網AngularJS使用手冊欄位中學習),有問題的可以在下方留言提問。
以上是AngularJS如何搭建web伺服器? angularjs搭建web伺服器的詳細流程的詳細內容。更多資訊請關注PHP中文網其他相關文章!