清明在石門休了八天假,一眨眼,4月又到中旬了...看到.NET在天朝徹底淪陷而又無能為力,我開始嘗試去學習一些新的東西來充實自己,盡管我一大波搞java的大學同學天天給我吹風說:來吧,java歡迎你。可我自然是打死都不會去學java的,沒有為什麼。于是乎,最近開始學習一些前端的開發技術,就讓學習筆記來記錄一下我的學習曆程并同大家一起分享吧!
申明:我隻是業餘學着好玩的,順便擴充一下視野,各位廣大.NET同行不要被我帶溝裡去了,當然如果你想從事移動前端或者全棧開發的話還是有必要學習一下的。
Node.js簡介
Node.js 的推出,不僅從工程化的角度自動化掉更多瑣碎費時的工作,更打破了前端後端的語言邊界,讓 JavaScript 流暢的運作在伺服器端。
為什麼要學習Node.js?
Node.js現在非常火而且很強,從2009年出現至今,已經風靡全球,微軟的VS也已經将其內建進來了,我們知道微軟總是喜歡将一些它覺得比較好的東西內建進來。
什麼是Node.js?
Node.js 是一個由C++編寫的基于 Chrome V8 引擎的 JavaScript 運作環境。
速度非常快,性能非常好,Node對一些特殊用例進行了優化,提供了替代的API,使得V8在非浏覽器環境下運作得更好。
Node.js 使用了一個事件驅動、非阻塞式 I/O 的模型,使其輕量又高效。
Node.js 的包管理器 npm,是全球最大的開源庫生态系統。
官方網站:https://nodejs.org
中文網站:http://nodejs.cn
目前最新版本:Node.js v6.10.1
Node.js的版本号,偶數為穩定版,奇數為非穩定版
Node.js發展曆史
- 2009年2月,Ryan Dahl在部落格上宣布準備基于V8建立一個輕量級的Web伺服器并提供一套庫。
- 2009年5月,Ryan Dahl在GitHub上釋出了最初版本的部分Node.js包,随後幾個月裡,有人開始使用Node.js開發應用。
- 2009年11月和2010年4月,兩屆JSConf大會都安排了Node.js的講座。
- 2010年年底,Node.js獲得雲計算服務商Joyent資助,創始人Ryan Dahl加入Joyent全職負責Node.js的發展。
- 2011年7月,Node.js在微軟的支援下釋出Windows版本。
- Visual Studio 2013+支援Node開發
- 提供了各種模版和智能提示,并且支援開發調試。
最新消息:Node.js之父Ryan Dahl退位, Isaac Schlueter接手Node.js。
Node.js特點
JavaScript與非阻塞Socket結合,
它與其他語言的一個明細差別就是處理I/O。它永遠不允許使用者鎖上程式,它要求使用者不斷的處理新事務,是以它很适用于網絡程式設計,在伺服器上要與很多用戶端通信,必須處理網絡連接配接,而Node鼓勵人們用非阻塞的模式,正是由于這個特性,你會發現Node在開發伺服器上比傳統程式設計語言更加友善。
Windows開發環境
由于VS2017中已經內建了Node.js,我這裡就直接安裝VS2017了,我們在安裝VS2017的時候切忌全選,因為那樣很費硬碟空間,安裝很費時間,我安裝VS一直都是選自定義安裝。
VS2015(必須是Update 3 RTM或者更高版本),要麼就用VS2013,然後後面就用NTVS 1.0 VS 2013.msi,這個Update 3 RTM更新包太大了,是以我直接選擇安裝VS2017了,速度還快些。
node-v6.10.1-x64.msi官方安裝SDK
NTVS 1.2 VS 2015
Express架構:類似于ASP.NET MVC
Jade模版引擎:類似于Razor引擎,視圖
Stylus樣式架構:CSS于處理器,CSS架構
指令行開發
UI開發工具
1. 下載下傳SDK:node-v6.10.1-x64.msi
進入官網:https://nodejs.org,下載下傳SDK:node-v6.10.1-x64.msi,由于我的電腦是win10 64bit的系統,是以就下載下傳node-v6.10.1-x64.msi
2.安裝Git-1.9.4-preview20140815.exe,安裝方法很簡單,不斷點選下一步就可以了,安裝完成之後,打開Git Bash
輸入$ node –v 檢視node的版本号,輸入$ npm –v 檢視npm的版本,如果看到如下圖所示,說明安裝成功了。
在CMD中,我們也可以調用node,這表示我們已經在環境變量中配置好了。
3.安裝Node.js Tools 1.2 for Visual Studio 2015
下載下傳位址:Download Node.js Tools 1.2
http://www.cr173.com/soft/73135.html
安裝VS2017
打開VS2017,建立項目
這視圖引擎更名了,之前字尾名叫做jade的,現在變成pug了。
npm 是 node packaged modules 的簡稱,它的作用是基于 node.js 管理擴充包之間的依賴關系。
因為我是微軟粉,是以就隻介紹了windows上面安裝node.js,大家可以自己嘗試去linux和mac下面安裝node.js
項目可以直接運作的,修改index.pug檔案如下:
然後按F5運作,會自動打開一個node.exe程式和一個Web浏覽器界面
部落格位址: | http://www.cnblogs.com/jiekzou/ |