前端自動化工具grunt bower yeoman安裝

     最近學習前段,意外的接觸到了前段自動化工具,然後就各種在自己系統上面裝,然後就各種下文件,裝工具,由於是用的windows系統,本來想圖個方便直接就在windows上運行,但是出現了很多問題,npm換源,安裝的各種錯誤,大概也在上面磨了一天多了,後來就果斷放棄windows上的安裝了,因爲在網上找的錯誤原因很多都是說,沒有什麼原因,就可能就是因爲你用了windows系統。所以就果斷的放棄了windows上的安裝。本教程也是針對linux用戶的安裝,有人用windows安裝,請忽略本教程。

安裝Node.JS 的方法

有許多安裝Node.JS的不同的方法,我們可以選擇其一。通過本篇文章我們將手把手帶着你在Ubuntu 15.04上安裝Node.Js,在此之前請卸載舊版本的包以免發生包衝突。

(1) 從源代碼安裝Node.JS

讓我們開始從源代碼安裝Node.JS之前,請確認系統上的所有的依賴包都已經更新到最新版本。然後跟着以下步驟來開始安裝:步驟1: 升級系統,用以下命令來升級系統,並且安裝一些Node.JS必要的包。

root@ubuntu-15:~# apt-get update

root@ubuntu-15:~# apt-get install python gcc make g++

步驟2: 獲取Node.JS的源代碼

安裝好依賴包之後我們可以從官方網站上下載Node.JS的源代碼。下載以及解壓的命令如下:

root@ubuntu-15:~# wget http://nodejs.org/dist/v0.12.4/node-v0.12.4.tar.gz

root@ubuntu-15:~# tar zxvf node-v0.12.4.tar.gz

步驟3: 開始安裝

現在我們進入源代碼的目錄,然後運行.configure文件

233620ojdeix8wriooehmi

  1. root@ubuntu-15:~# ls
  2. node-v0.12.4 node-v0.12.4.tar.gz
  3. root@ubuntu-15:~# cd node-v0.12.4/
  4. root@ubuntu-15:~/node-v0.12.4# ./configure
  5. root@ubuntu-15:~/node-v0.12.4# make install

安裝後測試

只要運行一下上面的命令就順利安裝好了Node.JS,現在我們來確認一下版本信息和測試以下Node.JS是否可以運行輸出。

root@ubuntu-15:~/node -v

(2) 利用包管理工具安裝Node.JS

在Ubuntu下用包管理器安裝Node.JS是非常簡單的,只要增加NodeSource的個人軟件包檔案(PPA)即可。我們將下面通過PPA安裝Node.JS。

步驟1: 用curl獲取源代碼在我們用curl獲取源代碼之前,我們必須先升級操作系統,然後用curl命令獲取NodeSource添加到本地倉庫。

root@ubuntu-15:~#apt-get update

root@ubuntu-15:~# curl -sL https://deb.nodesource.com/setup | sudo bash -

  1. curl將運行以下任務

    1. ## Installing the NodeSource Node.js 0.10 repo...
    2. ## Populating apt-get cache...
    3. ## Confirming "vivid" is supported...
    4. ## Adding the NodeSource signing key to your keyring...
    5. ## Creating apt sources list file for the NodeSource Node.js 0.10 repo...
    6. ## Running `apt-get update` for you...
    7. Fetched 6,411 B in 5s (1,077 B/s)
    8. Reading package lists... Done
    9. ## Run `apt-get install nodejs` (as root) to install Node.js 0.10 and npm

    步驟2: 安裝NodeJS和NPM

    運行以上命令之後如果輸出如上所示,我們可以用apt-get命令來安裝NodeJS和NPM包。


  2. root@ubuntu-15:~# apt-get install nodejs

(3)通過linux文件包安裝nodejs

nodejs文件包下載地址:傳送門,下載linux相應的壓縮包。


後面有linux的標誌,下載以後解壓,然後進入bin,./npm  -v    ./node -v 使用即可,(一) 編譯好的文件


    簡單說就是解壓後,在bin文件夾中已經存在node以及npm,如果你進入到對應文件的中執行命令行一點問題都沒有,不過不是全局的,所以將這個設置爲全局就好了。


cd node-v0.10.28-linux-x64/bin
ls
./node -v


    這就妥妥的了,node文件夾具體放在哪,叫什麼名字隨你怎麼定。然後設置全局:

ln -s /home/kun/mysofltware/node-v0.10.28-linux-x64/bin/node /usr/local/bin/node
ln -s /home/kun/mysofltware/node-v0.10.28-linux-x64/bin/npm /usr/local/bin/npm

 這裏/home/kun/mysofltware/這個路徑是你自己放的,你將node文件解壓到哪裏就是哪裏。



其實真正安裝nodejs和npm一般都不會出問題,接下來是安裝前端工具了,npm安裝慢的原因很大一部分都是因爲源的問題,這裏建議安裝nrm管理,

nrm ls列出可以用的源,然後使用nrm use taobao切換到淘寶源,切換其他的相同的道理。


npm安裝nrm等工具的時候如果 nrm命令不起作用,但是在全局路徑下面的bin裏面可以運行,就軟連接一下,方法同

ln -s /home/kun/mysofltware/node-v0.10.28-linux-x64/bin/node /usr/local/bin/node

這裏強烈建議你們把全局路徑改一下,默認的是root裏面隱藏文件夾,我們可以通過npm config ls -l或npm config list 查看路徑

命令行式方式

npm更改默認全局路徑和cache路徑

npm config set prefix 新路徑

npm config set cache 新路徑

npm config set registry https://registry.npm.taobao.org


查看更改結果

npm config ls -l或npm config list


配置文件的方式

在用戶主目錄下添加文件.npmrc

添加文件內容

registry=https://registry.npm.taobao.org/
prefix=e:\nodejs\npm_global
cache=e:\nodejs\npm_cache


然後使用npm安裝grunt yo brower等工具,如果命令不成功,同樣採用軟連接的方式

ln -s /home/kun/mysofltware/node-v0.10.28-linux-x64/bin/node /usr/local/bin/node

這樣就安裝成功了。

npm ls -g --depth=0  命令可以列出安裝文件



在裝工具的時候意外的遇到了這樣的問題,修改了.bashrc環境變量導致所有的命令都不能用了

修改.bashrc環境變量,在文件最後添加openssl變量,本來應該寫
export PATH=$PATH:/usr/local/openssl/bin誤寫成export PATH=/usr/local/openssl/bin;$PATH
即把:寫成了;導致當前環境變量變成了PATH=/usr/local/openssl/bin,不識別原有的$PATH,命令行的中大部分命令都不使用,全變成不可識別的命令,包括ls  vi  sudo 等等都不能用.
解決辦法:
把不識別的命令所在文件添加到臨時環境變量中,
如  PATH=$PATH:/bin:/usr/bin
vi  sudo 等命令可用後再修改~/.bashrc文件,糾正書寫錯誤的環境變量.




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