本篇文章主要的介紹了關於angularjs啟動web伺服器的操作,希望能幫到大家,現在開始看文章吧
安裝node.js
下載連結
官網地址: https://nodejs.org/en/
我下的解壓版的,直接解壓到你想安裝的目錄中
在我的電腦(右鍵)→屬性→進階系統變數→環境變數
編寫NODE_PATH
添加到path中
node -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的安裝目錄平級
檔案夾中需要準備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>
啟動web伺服器
跳轉到nodejs的安裝目錄
node server.js
查看瀏覽器 http://localhost:5000/FirstTest.html
效果如下:
本篇文章到這就結束了(想看更多就到topic.alibabacloud.comAngularJS使用手冊欄目中學習),有問題的可以在下方留言提問。