Ubuntu下Node.js開發起步之旅

因爲忙其它的事,把Node.js的學習放下了快兩個月了,世事變化還真快,發現很多東東都改變了,express已經升級到4.x了,變化還不小!

我原來的學習過程是在VirtualBox中安裝Ubuntu.12.04amd64,心血來潮,想換成Ubuntu.14.04amd64,發現裝不上,轉念一想,是不是VirtualBox該升級了!把VirtaulBox升級到最新4.3.12 r93733還真可以了,呵呵!

下面把環境的建立過程,以及相關問題記錄如下:

1、建立虛擬目錄,把win7下的目錄映射到Ubuntu中,因爲相關軟件都是在win7下下載的!使用命令 mount -t vboxsf UbtShare /mnt/UbtShare

2、安裝node,我是下載的二進制包,直接解壓到主目錄,更名爲node,然後建立軟鏈接: ln -s /home/zhoutk/node/bin/node /usr/bin/node;同樣建立npm的軟鏈接:ln -s /home/zhoutk/node/bin/npm /usr/bin/npm。
這有個小問題,雖然npm可以執行了,但其相應的配置文件還未建立,這時使用命令 npm config edit時會出錯,解決方法,可以使用下面命令在修改鏡像服務器源的同時生成配置文件: npm config set registry http://registry.cnpmjs.org,可用命令 npm info underscore 進行驗證。

3、我使用webstorm編輯器,這使用了java,因此需要安裝jdk。兩個月前,我用的是webstorm 7,只需要修改~/.profile就可以了。現在我用的是webstorm 8,竟然一直提示我找不到jdk!鬱悶,不斷google,不斷試驗後發現,需要把 /etc/environment也做相應的修改才行,修改如下:
PATH=“……:/usr/lib/jvm/jdk1.7.0_60/bin” CLASSPATH=.:/usr/lib/jvm/jdk1.7.0_60/lib
JAVA_HOME=/usr/lib/jvm/jdk1.7.0_60

4、安裝express:因爲express 4.x已經把命令行工具分離了出來,因此只需要全局安裝這個工具: npm install -g express-generator
就可以使用 express -e blog來建立工程了,-e參數是指使用ejs引擎,呵呵,這個參數也變了! 幾個npm命令: npm -d install (安裝包檢查) npm udate(更新,可用來進行修復安裝包) npm start (項目啓動,不再是node app)

5、使用webstorm時,同時在ubuntu與win7_64下不斷試驗,ubuntu下webstorm會菜單中會有中文亂碼,解決方法如下:File->settings->appearance下UI Options,勾選Override default fonts by ... 我選Wen Quan Yi Micro Hei 。即這個問題是因爲默認字體不支持中文的原因造成的。

6.我使用的ejs模板,對javascript文件的引用必須這個寫:<script src=""></script>;不能簡化成<script src="" />,這個問題把我折騰得好苦。

7.webstorm對express的智能提示有問題,這樣解決:File->settings->javascript->Libraries 下點擊 download按鈕,選TypeScript community stubs,在選擇中可以找到express。或者直接到 https://github.com/borisyankov/DefinitelyTyped 去下類型定義文件。

8.同一個頁面內的所有操作,都交由angular掌控,進行頁面跳轉,需在express(res.redirect)中與angular($window.location='/';)中都要寫上才能正常;這我也是試了好久才確定的。

9.angular的版本區別:1.0到1.2要注意,angular把ngRoute單獨出來了,現在網上的源代碼大都是基於1.0.*的,若你在用最新的angular進行學習,很多時候出錯是因爲這個原因。如何解決,自己上官網去看升級辦法,很簡單。

好了,就記得這麼多了,要是能想起,過後再補。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章