Deepin 安装node、yarn、vue-cli以及环境变量

2020-08-29 本文已影响0人回首待东风

node安装

可以直接到官网根据自己的需要下载nodejs

稍微要注意，用的是deepin，那下载的肯定是Linux版的

image-20200829010400490.png

因为deepin有解压软件，也就没有必要非去用命令解压了，所以，解压后，放到自己想要的地方就好，这里我就直接放我用的命令了

mv node-v14.8.0-linux-x64 node
sudo mv node /usr/local/

到这里，有不少安装教程，都是使用ln -s来创建链接，来达到全局使用的目的。但是这种方式使用的时候有点问题，就是在使用npm全局安装某个插件的时候，无法全局使用对应的命令，所以，如果需要的话，还是配置环境变量吧

在～目录下，我们可以.profile文件，我们就是使用sudo edit .profile来编辑文件，然后再文件最后（不是最后也可以，不过为了好看、不打乱文件，还是在最后的好）加入下面的三个环境变量，如果你的node和我的放的位置一样，你可以直接复制过去

export NODE_HOME=/usr/local/node  #这里改成你的node存放的地址
export PATH=$PATH:$NODE_HOME/bin 
export NODE_PATH=$NODE_HOME/lib/node_modules</pre>

添加完成后，ESC => :wq! 退出保存，

随后source .profile

最后，node -v 验证是否配置成功

在source .profile之后，使用node、npm都没有问题，但是将终端全部关闭之后重新开终端，再使用node，会出现找不到命令的问题，然后重新source .profile后，又可以了......

我这里的解决方法是将上面配置的环境变量复制，添加到/etc/profile中source /etc/之后便可以了。后续有环境变量也都往这里放，具体原因可以看我找到的这篇关于Linux环境变量设置的博客，说的还是比较详细的。

先使用npm安装nrm，nrm是一个npm源管理工具

npm i -g nrm

nrm安装完成后，进行下列操作

nrm ls #可以看到现有的源以及现在使用的源（前面有*号标记）
nrm use taobao #使用淘宝源 
#完成后会显示：Registry has been set to: https://registry.npm.taobao.org/</pre>

npm i -g yarn

使用yarn的原因其实很简单，就是快。yarn会把安装过的包进行缓存，等下次在安装相同的包时，不需要重新下载，所以就快了很多，大概就是这样，如果不想用，仍然用npm也是没有问题的，想要了解的百度即可。

yarn global add @vue/cli

vue --version</pre>

如果这里可以看到@vue/cli的版本信息，那证明yarn安装正常，vue/cli安装正常。

如果这里显示vue命令找不到，可以先使用yarn global list查看已安装列表中是否有vue，如果没有重新安装@vue/cli，如果有，那这里这应该是yarn环境变量的问题。

使用下面的命令查看yarn的全局bin目录

yarn global bin
# /home/xiaoqiang/.yarn/bin 到环境变量中需要将"/home/xiaoqiang"改为"~"

然后在/etc/profile中添加下面的环境变量

export PATH=$PATH:~/.yarn/bin