ubuntu14.10下nodejs + npm + bower的安装

本文详细介绍了如何在Linux环境下安装NodeJS、NPM和Bower,并配置环境变量,以及通过命令检测已安装模块的版本。同时,提供了一个操作顺序作为参考,确保初学者能够顺利安装并使用这些工具。
1. 安装nodejs及npm
nodejs官网: http://nodejs.org/
安装依赖库:
$ sudo apt-get install python
$ sudo apt-get install build-essential
$ sudo apt-get install gcc
$ sudo apt-get install g++
$ sudo apt-get install libssl-dev
$ sudo apt-get install curl
$ sudo apt-get install apache2-utils

用wget命令下载:
$ wget -c http://nodejs.org/dist/v0.10.35/node-v0.10.35.tar.gz
解压:
$ tar -xzvf  node-v0.10.35.tar.gz
进入nodejs目录:
$ cd node-v0.10.35/

  • 默认安装: 

$ ./configure 

$ make 

$ sudo make install 

  • 选择目录安装(将nodejs安装在/usr/local/node目录下)

创建nodejs的安装目录路径为/usr/local/node
sudo mkdir /usr/local/node

$ ./configure --prefix=/usr/local/node
$ make
$ sudo make install

 
2. 配置环境变量

在/etc/profile文件新增,用vim编辑器打开, 键入$ vim /etc/profile后追加以下内容:

export NODE_HOME=/usr/local/node
export PATH=$PATH:$NODE_HOME/bin
export NODE_PATH=$NODE_HOME/lib/node_modules


 
在编辑登录用户的根目录下的.bashrc文件: vim ~/.bashrc
按shift + g跳到文件最后, 按i编辑, 将上面的3行代码拷贝到.bashrc文件内容最后, 按:wq保存退出
执行  source /etc/profile 命令让环境变量设置生效
执行source ~/.bashrc使文件生效
测试:在终端输入 node -v 或 node --version如果有版本信息输出,则说明安装成功
node安装完后, 环境变量也配置好后, npm也已经安装完了
测试:在终端键入npm -v或npm --version如果有版本信息输出, 则说明安装成功。
   

安装结束,可以用下面的命令检查安装的版本: 

$ nodejs --version 或 $ nodejs -v

v0.10.25

$ node -v 或 node --version

v0.10.35

npm作为一个NodeJS的模块管理。我们要先配置npm的全局模块的存放路径以及cache的路径,例如我希望将以上两个文件夹放在NodeJS的主目录下,便在NodeJs安装目录下建立“node_global”及“node_cache”两个文件夹。
$ sudo mkdir node_global
$ sudo mkdir node_cache
$ npm config set prefix /usr/local/node/node_global/
$ npm config set cache /usr/local/node/node_cache/
xx@ubuntu:/usr/local/node$ sudo mkdir node_global
xx@ubuntu:/usr/local/node$ sudo mkdir node_cache
xx@ubuntu:/usr/local/node$ ls
bin include lib node_cache node_global share
xx@ubuntu:/usr/local/node$ npm config set prefix /usr/local/node/node_global/
xx@ubuntu:/usr/local/node$ npm config set cache /usr/local/node/node_cache/
xx@ubuntu:/usr/local/node$ 
3. 安装模板express

安装express过程中要创建文件夹, 所以要有root权限, 而root系统用户是检测不到npm, 所以这里用

npm的具体路径进行安装

# whereis npm
npm:  /usr/local/node/bin/npm

# /usr/local/node/bin/npm install express -g

 
root@ubuntu:/usr/local# /usr/local/node/bin/npm install express -g
express@4.10.7 /usr/local/node/node_global/lib/node_modules/express
├── merge-descriptors@0.0.2
├── utils-merge@1.0.0
├── methods@1.1.1
├── cookie@0.1.2
├── fresh@0.2.4
├── escape-html@1.0.1
├── range-parser@1.0.2
├── cookie-signature@1.0.5
├── finalhandler@0.3.3
├── vary@1.0.0
├── media-typer@0.3.0
├── parseurl@1.3.0
├── serve-static@1.7.2
├── content-disposition@0.5.0
├── path-to-regexp@0.1.3
├── depd@1.0.0
├── qs@2.3.3
├── debug@2.1.1 (ms@0.6.2)
├── etag@1.5.1 (crc@3.2.1)
├── on-finished@2.2.0 (ee-first@1.1.0)
├── proxy-addr@1.0.5 (forwarded@0.1.0, ipaddr.js@0.1.6)
├── send@0.10.1 (destroy@1.0.3, ms@0.6.2, on-finished@2.1.1, mime@1.2.11)
├── type-is@1.5.5 (mime-types@2.0.7)
└── accepts@1.1.4 (negotiator@0.4.9, mime-types@2.0.7)
root@ubuntu:/usr/local# 
4. 安装bower
# /usr/local/node/bin/npm install bower -g
终端输入node, 分别检测模块express和bower:
>require('express')

>require('bower')
查看bower的版本:
xx@ubuntu:/usr/local/node/node_global/bin$ ./bower -v
1.3.12
xx@ubuntu:/usr/local/node/node_global/bin$
5. 设置bower为全局命令

为在全局内使用bower命令, 我们可以通过创建bower软链接或添加bower到PATH环境变量内

  • 创建bower软链接

sudo ln -s /usr/local/node/node_global/bin/bower /usr/bin/bower
(ps:删除bower软链接:$ sudo rm /usr/bin/bower)

  • 添加bower到PATH环境变量内

在/etc/profile文件内追加以下内容:

export BOWER_PATH=/usr/local/node/node_global/bin

export PATH=$PATH:$BOWER_PATH
保存退出后, 键入source /etc/profile以生效。
版本确认:
$ bower --version  或  $ bower -v
以下是本人的操作顺序:
xx@ubuntu:/usr/local/node/node_global/bin$ vim /etc/profile
xx@ubuntu:/usr/local/node/node_global/bin$ source /etc/profile
xx@ubuntu:/usr/local/node/node_global/bin$ bower -v
1.3.12
xx@ubuntu:/usr/local/node/node_global/bin$ 
 
 
 
 
 相关链接:win8.1下nodejs+npm+bower安装
OK, Enjoy it!!!

                
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值