前端自动化工具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文件,纠正书写错误的环境变量.




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