AngularJS如何搭建web伺服器?angularjs搭建web伺服器的詳細過程

來源:互聯網
上載者:User

本篇文章主要的介紹了關於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使用手冊欄目中學習),有問題的可以在下方留言提問。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.