安裝MEAN開發架構,mean開發架構
安裝MEAN開發架構
MEAN開發架構一攬子解決方案,旨在精簡開發流程,提升開發效率。MEAN開發架構的各個組件(MongoDB、Express.js、Angular.js、Node.js)全都是用Javascript描述的,因此有人稱,它是Javascript開發工程師全棧的開發架構。可能也是出於這樣的原因,我開始被它所吸引,逐漸接觸瞭解。
在成功地在本地運行MEAN架構頁面之前,我走了很多彎路。我將我這些要點記下來,可能對遇到困難的朋友會有所協助。
MEAN的安裝的方法,主要參考的是這個文章:http://learn.mean.io/。我是在Ubuntu Kylin 15.05上測試成功的。
蔣彩陽原創文章,首發地址:http://blog.csdn.net/gamesdev/article/details/46771071。歡迎同行前來探討。
Pre:首先要保證系統安裝了Node.js以及MongoDB。有關MongoDB安裝的介紹在我的另外一篇文章有講述。這裡說說Node.js的安裝方法。有了Ubuntu,有了apt,就變得非常簡單。直接一句
sudo apt-get install nodejs
等待系統自動從互連網上下載安裝node.js就好了。
此外,由於npm有些是要從github上取原始碼的,因此git也要做安裝。在Ubuntu上安裝git也是同樣地簡單:
sudo apt-get install git
1、MEAN架構嚴重依賴npm,npm全名是node package manager,作用和apt是差不多,但是是需要額外安裝的。因此我們也必須使用sudo命令來安裝:
sudo apt-get install npm
2、MEAN目前支援grunt和gulp,看了簡介,它們就相當於我以前開發Android的ant或者是gradle。而這兩個工具也必須用npm進行安裝。我們就安裝gulp吧:
npm install -g gulp
另外還有安裝
npm install -g bower
3、還需要安裝mean的命令列介面,因此需要安裝mean-cli
npm install -g mean-cli
4、接著就開始建立自己的項目了。我這邊是在~檔案夾下建立了一個MEANProject檔案夾,然後cd這個檔案夾中,緊接著使用mean命令開始初始化:
mean init testApp
這裡等待一些時間,因為要從github中下載mean架構的模板,github的地址是:
https://github.com/linnovate/mean(僅供那些下載速度慢或者無下載速度的朋友一個)
而且這裡會下載很多其它的庫,包括phantomjs-1.9.8-linux-x86_64.tar.bz2這個組件。這樣組件的是:
https://bitbucket.org/ariya/phantomjs/downloads
下載後,直接複製粘貼到tmp目錄下的指定目錄中。
另外,最好是在server端建立一個帳號。雖然我不瞭解不建立帳號會如何。建立帳號要輸入姓名、郵箱地址等。總之是要輸入一些資訊的。最後成功的如下:
5、cd testApp && npm install
這裡有可能出現各種錯誤,一般是由於git採用https協議下載檔案,如果檔案大起來了,有時候https會掉線,因此下載失敗,後面一步就會缺胳膊少腿,很是揪心。因此要保證一切組件都能夠順利下載。
6、最後驗證是否能夠啟動得了MEAN架構,於是執行下面的語句:
gulp
或者是
node server
這裡錯誤好多,有各種各樣的情況,包括我遇到的
Failed to load c++ bsonextension, using pure JS version
這樣的問題(這個問題似乎並不是obstacle)
Error: Cannot find module 'express-validator'
(這也是一個很難纏的問題,我不清楚具體是如何解決的,只是反反覆複安裝了幾遍MEAN架構,終於解決。我猜應該是以前少安裝了gulp的問題)
成功啟動之後,大概是這個樣子:
這個時候,在瀏覽器中鍵入
localhost:3000
如果能夠看到MEAN的網頁,並且命令提示字元有GET XXX這樣的字樣,說明成功地啟動了MEAN。
如果遇到了什麼困難,可以在部落格後面向我留言,我會盡我的能力協助解決問題的,大家都是相互學習的過程,總希望有一起學習的朋友不是麼。
著作權聲明:本文為博主原創文章,未經博主允許不得轉載。