清明在石門休了八天假,一眨眼,4月又到中旬了...看到.NET在天朝完全淪陷而又無能爲力,我開始嘗試去學習一些新的東西來充實本身,儘管我一大波搞java的大學同窗每天給我吹風說:來吧,java歡迎你。可我天然是打死都不會去學java的,沒有爲何。因而乎,最近開始學習一些前端的開發技術,就讓學習筆記來記錄一下個人學習歷程並同你們一塊兒分享吧!html
申明:我只是業餘學着好玩的,順便擴展一下視野,各位廣大.NET同行不要被我帶溝裏去了,固然若是你想從事移動前端或者全棧開發的話仍是有必要學習一下的。
前端
Node.js 的推出,不只從工程化的角度自動化掉更多瑣碎費時的工做,更打破了前端後端的語言邊界,讓 JavaScript 流暢的運行在服務器端。java
Node.js如今很是火併且很強,從2009年出現至今,已經風靡全球,微軟的VS也已經將其集成進來了,咱們知道微軟老是喜歡將一些它以爲比較好的東西集成進來。node
Node.js 是一個由C++編寫的基於 Chrome V8 引擎的 JavaScript 運行環境。linux
速度很是快,性能很是好,Node對一些特殊用例進行了優化,提供了替代的API,使得V8在非瀏覽器環境下運行得更好。
Node.js 使用了一個事件驅動、非阻塞式 I/O 的模型,使其輕量又高效。
Node.js 的包管理器 npm,是全球最大的開源庫生態系統。npm
官方網站:https://nodejs.org編程
中文網站:http://nodejs.cnjson
目前最新版本:Node.js v6.10.1windows
Node.js的版本號,偶數爲穩定版,奇數爲非穩定版後端
最新消息:Node.js之父Ryan Dahl退位, Isaac Schlueter接手Node.js。
JavaScript與非阻塞Socket結合,
它與其餘語言的一個明細區別就是處理I/O。它永遠不容許用戶鎖上程序,它要求用戶不斷的處理新事務,所以它很適用於網絡編程,在服務器上要與不少客戶端通訊,必須處理網絡鏈接,而Node鼓勵人們用非阻塞的模式,正是因爲這個特性,你會發現Node在開發服務器上比傳統編程語言更加方便。
因爲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瀏覽器界面
咱們在使用npm install 安裝模塊或插件的時候,有兩種命令把他們寫入到 package.json 文件裏面去,好比:
--save-dev
--save
在 package.json 文件裏面提現出來的區別就是,使用 --save-dev 安裝的插件,被寫入到 devDependencies 對象裏面去,而使用 --save 安裝的插件,則被寫入到 dependencies 對象裏面去。
那 package.json 文件裏面的 devDependencies 和 dependencies 對象有什麼區別呢?
devDependencies 裏面的插件只用於開發環境,不用於生產環境,而 dependencies 是須要發佈到生產環境的。
1.獲得本來的鏡像地址
npm get registry
> https://registry.npmjs.org/
設成淘寶的
npm config set registry http://registry.npm.taobao.org/
2.換成原來的
npm config set registry https://registry.npmjs.org/