linux下安装nodejs、npm、Vue环境

转发于公众号"嵌入式IoT"的内容：linux下安装nodejs、npm、Vue环境

前言

本将介绍在linux下安装nodejs、npm、Vue环境进行开发。

实验环境：ubuntu18.04

1. 安装nodejs

# 更新软件源软件列表
 sudo apt update
 
# 安装nodejs
 sudo apt install nodejs
 
# 然后命令行查看nodejs版本号，顺便测试nodejs是否正确安装
 nodejs -v

如果使用NPM安装nodejs时，发现nodejs版本较低，或者想要升级nodejs的版本。更新与升级操作如下：

# 清除缓存信息
 sudo npm cache clean -f
 
# 下载node安装包
 sudo npm install -g n
 
# 升级到nodejs最新稳定版本
 sudo n stable
 
# 查看当前版本
 node -v

# 如当前版本没有变化，可以重启再查看当前版本

2. 安装npm

# npm安装
 sudo apt install npm
 
# 安装好后输入
 npm -v 

# 升级npm
 sudo npm install -g npm
 sudo npm install -g npm@8.17.0   #8.17.0为版本信息

由于npm是从国外服务器下载,受网络的影响比较大,可能会出现异常。因此在国内通常使用cnpm作为包管理器,相对来说比较好用。安装cnpm如下。（本文基于新的源仓库安装）

# cnpm安装
 sudo npm install -g cnpm --registry=https://registry.npmmirror.com
 
# 查看是否安装成功和查看版本号
 cnpm -v

注：淘宝CNPM镜像站更换新域名了。

# 新的Web 站点https://npmmirror.com，
# 源仓库：https://registry.npmmirror.com。
 
# 旧的站点
 http://npm.taobao.org 
 http://registry.npm.taobao.org

3. vue安装

# 安装脚手架工具vue-cli
 sudo npm install -g vue-cli --registry=https://registry.npmmirror.com
 
# 查看版本
vue -V
 
# 创建Vue项目demo
vue init webpack demo   #demo为项目名字

# 进入demo
 cd demo
# 运行当前打开的项目对应的项目配置文件package.json
 npm run dev 或者 npm run build  #根据项目配置而定

# 出现编译成功提示如下：
 DONE  Compiled successfully in 4675ms                       
 I  Your application is running here: http://localhost:8080
# 网页上打开网址http://localhost:8080 即可成功搭建与运行项目demo

4. 卸载cnpm

 sudo npm uninstall cnpm -g

5. 卸载node

# apt-get 卸载
 sudo apt-get remove --purge npm
 sudo apt-get remove --purge nodejs
 sudo apt-get remove --purge nodejs-legacy
 sudo apt-get autoremove
 
# 手动删除 npm 相关目录
 sudo rm -rf /usr/local/bin/npm
 sudo rm -rf /usr/local/lib/node-moudels
 sudo find / -name npm
 sudo rm -rf /tmp/npm*

6. 出现GLIBC_2.28 not found的解决方法

下载nvm

nvm是一个非常不错的node版本管理器。

sudo apt-get update
sudo apt-get install build-essential libssl-dev  
 
然后安装nvm的脚本，有两种方法curl或wget:
通过curl:
curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.39.1/install.sh | bash

通过wget:
wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.39.1/install.sh | bash

检查安装及使用：

使用nvm --help查看是否安装成功。
使用nvm ls查看已经安装的版本。
使用nvm ls-remote查看所有远端版本。
使用nvm install安装某个版本，如nvm install v5.3.0。
使用nvm use切换到某个版本，如nvm use v5.3.0使用5.3.0，nvm use system使用系统版本。

重新安装

安装命令如下：

sudo apt-get remove nodejs
 
nvm i 16    # 使用该方式有个弊端，即该命令只在当前终端有效，新打开一个终端还需执行一次。

sudo apt-get install nodejs
 
sudo apt-get install npm

版本查看

node -v
v16.19.1

nodejs -v
v10.24.1

npm -v
8.19.3

nvm -v
0.39.1

7. 升级GLIBC_2.28

针对于nvm i 16命令的弊端(即该命令只在当前终端有效，新打开一个终端还需执行一次)的解决方法是：升级GLIBC_2.28具体步骤，参考我的博客文章：Ubuntu 18.04 出现GLIBC_2.28 not found的解决方法

---

感谢阅读与分享！搜索微信公众号：嵌入式IoT杂谈。关注我们世间万物，千奇百怪，都等待着你去发觉…

---