前端自动化工具grunt bower yeoman安装

最新推荐文章于 2023-03-29 20:54:11 发布

阿木小伙

最新推荐文章于 2023-03-29 20:54:11 发布

阅读量702

点赞数

分类专栏：前端工具文章标签： yeoman

本文链接：https://blog.csdn.net/m0_37133016/article/details/69945923

版权

前端工具专栏收录该内容

5 篇文章 0 订阅

订阅专栏

最近学习前段，意外的接触到了前段自动化工具，然后就各种在自己系统上面装，然后就各种下文件，装工具，由于是用的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文件

root@ubuntu-15:~# ls
node-v0.12.4 node-v0.12.4.tar.gz
root@ubuntu-15:~# cd node-v0.12.4/
root@ubuntu-15:~/node-v0.12.4# ./configure
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 -

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包。
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文件,纠正书写错误的环境变量.