業(yè)余時間計劃搞搞設計烁登，最近翻閱前端資料怯屉，真是千變萬化，很多新名詞饵沧。
三端融合技術锨络、前后端分離、前端也可以搞非常復雜的自動化測試狼牺、可以獨立開發(fā)羡儿。
日新月異，計算機世界永恒的話題是钥。
框架：react掠归、angular、vue.js等悄泥。
語言：nodejs虏冻、typescripts、JavaScript弹囚、ES7厨相、ES8暈的不行。
構建工具更：Gulp、npm蛮穿、webpack庶骄、Grunt、Browserify践磅、RequireJs单刁、brunch等。
我選擇angular框架府适，通過知乎羔飞、youtube、twitter细溅、微博等Research研究褥傍，發(fā)現(xiàn)幾大框架思想都有些類似，比如angular vs vue一度產生過網(wǎng)絡戰(zhàn)爭喇聊，就在去年吧恍风，我也有所耳聞，帶著膜拜大神的態(tài)度曾經(jīng)認真看完誓篱，發(fā)現(xiàn)很多思想都是相互借鑒朋贬。
今天，我介紹angular的
hello world小程序窜骄。奉上我在網(wǎng)絡空間大肆搜索收獲的基于angular主題模板ngx-admin锦募。
我在mac上面完成我們以上兩個小目標。
基礎環(huán)境
在Mac下我選擇的邻遏，包管理方式是Homebrew糠亩。
通過如下命令，我們安裝好node准验、npm赎线、并更新到最新版本。
brew install node
brew install npm
請先在終端/控制臺窗口中運行命令 node -v 和 npm -v糊饱， 來驗證一下你正在運行 node 6.9.x 和 npm 3.x.x 以上的版本垂寥。 更老的版本可能會出現(xiàn)錯誤，更新的版本則沒問題另锋。
? /usr/local git:(master) ? npm -v
5.6.0
? /usr/local git:(master) ? node -v
v5.10.1
如上滞项，node不符合要求，在build run的時候會報錯夭坪，執(zhí)行如下命令升級你的node文判，如果發(fā)現(xiàn)無法升級成功，一般是由于brew版本低室梅，導致無法獲取到網(wǎng)絡上最新的node版本戏仓，可以選擇升級brew到最新版本潭流，升級之后在更新node到最新版本，重寫node的連接柜去，不然新版本不生效。
- 升級brew
? /data/github brew -v
Homebrew 0.9.9 (git revision 1d99; last commit 2016-04-08)
Homebrew/homebrew-core (git revision 46b5; last commit 2016-04-08)
? /data/github /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
? /data/github brew -v
Homebrew 1.4.2
Homebrew/homebrew-core (git revision a678; last commit 2018-01-02)
- 升級node
brew update
brew upgrade node
brew link --overwrite node
注意：由于brew老版本拆宛，需升級brew嗓奢，否則無法搜索到最新的node版本，挺奇怪浑厚。參考：https://brew.sh/index_zh-cn.html
升級之后成功
? /usr/local git:(master) ? node -v
v9.3.0
? /usr/local git:(master) ? npm -v
5.6.0
基礎環(huán)境準備好股耽，讓我們開始第一個angular小程序。
你的第一個angular應用
首先钳幅，安裝angular
npm install -g @angular/cli
創(chuàng)建angular應用物蝙，通過ng server --open啟動程序
ng new my-app
cd my-app
ng serve --open
訪問http://localhost:4200，你就可以看到熟悉的angular hello world頁面敢艰。
極簡主義ngx-admin應用
github克隆ngx-admin主題诬乞，進入ngx-admin，執(zhí)行npm i安裝所有項目依賴钠导，執(zhí)行npm start啟動項目震嫉。
git clone https://github.com/jikelab/ngx-admin.git
cd ngx-admin && npm i
npm start
如果，如果一切順利牡属，你可以看到提示票堵。
$ npm start
> ngx-admin@2.0.1 start /data/github/ngx-admin
> ng serve
** NG Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **
Date: 2018-01-07T12:44:29.954Z t Hash: 09df24cf30b4055cb989
Time: 35763ms
webpack: Compiled successfully.
你可以，訪問http://localhost:4200/逮栅，開始瀏覽所有漂亮的組件化模板悴势。
在線演示：http://akveo.com/ngx-admin/?utm_source=nebular_documentation&utm_medium=demo_button
如果你遇到，s3無法訪問措伐，無法找到fsevents@1.1.2 ：
> fsevents@1.1.2 install /data/github/ngx-admin/node_modules/fsevents
> node install
node-pre-gyp ERR! Tried to download(404): https://fsevents-binaries.s3-us-west-2.amazonaws.com/v1.1.2/fse-v1.1.2-node-v59-darwin-x64.tar.gz
node-pre-gyp ERR! Pre-built binaries not found for fsevents@1.1.2 and node@9.3.0 (node-v59 ABI) (falling back to source compile with node-gyp)
問題討論：https://github.com/akveo/ngx-admin/issues/1474
小結
ngx-admin可用三端都支持的主題特纤，支持大量主流的頁面設計模塊，可以直接引用废士，讓我們快速完成一個三端項目的開發(fā)工作叫潦，當然還支持安卓、IOS官硝，只需一套代碼矗蕊，支持三端融合，是一個非常優(yōu)秀的框架氢架。未來我會用ngx-admin來開啟我新的2018年的項目傻咖，去年我用spring-boot開發(fā)了itweet-boot開源項目，感興趣的可以Github去fork一下岖研，一定幫助star卿操。
twts-boot-v1.0.war直接可部署警检，只需要一個MySQL服務，直接放到tomcat啟動即可使用害淤。
下載: https://github.com/realxujiang/itweet-boot/releases
今年計劃测秸，我會開啟一個支持三端融合的開源項目，注冊了優(yōu)秀域名折剃，需要適配優(yōu)秀項目测蹲。
哈哈，就這樣崭放。
- JikeLab.com
- JikeLab.cn
- bb8lab.com
- bb8lab.cn
- skynet.org
小域名哨苛，覺得怎么樣，歡迎留言币砂，給我點靈感建峭，目前還沒計劃出來用途。
參考：
[1]. https://akveo.github.io/nebular/#/docs/installation/based-on-starter-kit-ngxadmin
[2]. https://github.com/realxujiang/itweet-boot/releases
[3]. https://akveo.github.io/nebular/#/home
歡迎關注微信公眾號[whoami]决摧，閱讀更多內容亿蒸。
原創(chuàng)文章，轉載請注明： 轉載自Itweet的博客
本博客的文章集合: http://www.itweet.cn/blog/archive
