Ubuntu18.04虚拟机 安装vue 2024

过去的一些帖子已失效，本人记录已成功操作版本

问题一：无效npm

Ubuntu npm : 依赖: node-gyp (>= 0.10.9) 但是它将不会被安装 解决：安装最新版的 Node.js 和 npm

问题二：低版本nodejs

node -v
 4.2.6

问题三：cnpm过期

2024年，淘宝镜像好像证书过期了，配不了cnpm

解决一、二：

sudo apt remove npm  //卸载npm
sudo apt remove nodejs //卸载node

cd /usr/local/bin   //进入该目录中，若有node或者npm文件，删除

登录nodejs官网，Node.js — Previous Releases，查看node和npm对应版本

再到download目录下载如图所示版本（用虚拟机下载）

解压到一个文件夹

tar -xJf ./Downloads/node-v16.20.2-linux-x64.tar.xz -C ./store_demo

sudo mv store_demo/* /opt/ 

(注意/opt/文件夹链接才有效！！！,这步的作用是将store_demo下的文件全部转移到/opt/目录下)

链接

sudo ln -s /opt/node-v16.20.2-linux-x64/bin/node /usr/local/bin/node

sudo ln -s /opt/node-v16.20.2-linux-x64/bin/npm /usr/local/bin/npm

成功效果  ls /usr/local/bin/：

且npm -v = 8.19.4  node -v = 16.20.2

问题三解决：科学上网

镜像不能用

sudo npm install vue

sudo npm install -g @vue/cli

(注意不要写成vue-cli，已淘汰)

配置全局环境：

vim ~/.bashrc

在最后加入：

export PATH="$PATH:/opt/node-v16.20.2-linux-x64/bin"

保存后退出

通过运行source ~/.bashrc来使更改生效

运行vue --version

可以看到@vue/cli 5.0.8，证明成功

运行vue create vue_demo_project即可创建一个叫vue_demo_project的项目了