美文网首页deepin
Deepin 安装node、yarn、vue-cli以及环境变量

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

作者: 回首待东风 | 来源:发表于2020-08-29 13:14 被阅读0次

    node安装

    下载nodejs

    可以直接到官网根据自己的需要下载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/profilesource /etc/之后便可以了。后续有环境变量也都往这里放,具体原因可以看我找到的这篇关于Linux环境变量设置的博客,说的还是比较详细的。

    npm换源

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

    npm i -g nrm
    

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

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

    安装yarn

    npm i -g yarn
    

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

    安装vue-cli

    yarn global add @vue/cli
    ​
    vue --version</pre>
    

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

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

    yarn环境变量

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

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

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

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

    相关文章

      网友评论

        本文标题:Deepin 安装node、yarn、vue-cli以及环境变量

        本文链接:https://www.haomeiwen.com/subject/kyodsktx.html