Linux下搭建vue2.0或vue3.0环境

前言

最近Linux系统下搭建vue环境的时候，老是搞混vue2.0和vue3.0，vue的版本不一样，创建出来的vue项目也是不一样，每次要搭建的时候总是会忘记，需要百度解决，目前就想针对自己手动搭建做个总结，算是记录下吧。

查看node和npm

安装node之前先查看下node和npm是否已经有了

node -v //查看node版本
npm -v //查看npm版本

没装会显示如下：

如果没有权限查看的记得切换至管理员，指令如下

sudo su root  //切换至管理员

安装node

从node官网下载node安装包，目前最新版本是v14.15.0

下载后进入到当前node包的文件夹下解压当前的node文件

tar xvf node-v14.15.0-linux-x64.tar.xz  //解压文件
mv node-v14.15.0-linux-x64 node-v14.15.0  //改短名

目前node还是没有配置的，现在我们需要进行软连接

进行软连接

一定要找到你的node解压包的路径
如果显示没有权限，可以参照 上面指令切换至管理员

ln -s /home/Desktop/softWare/node-v14.15.0/bin/node  /usr/local/bin/node
ln -s /home/Desktop/softWare/node-v14.15.0/bin/npm  /usr/local/bin/npm

然后去查看node版本就安装好了

安装cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org
ln -s /home/Desktop/softWare/node-v14.15.0/bin/cnpm  /usr/local/bin/cnpm //给cnpm建立软连接

安装vue-cli（vue2.0）

cnpm install -g vue-cli
ln -s /home/Desktop/softWare/node-v14.15.0/bin/vue  /usr/local/bin/vue  //给vue建立软连接 
cd /usr/local/bin //查看bin目录，存在四个文件，分别是node npm cnpm vue 

创建一个vue项目
vue init webpack sell (webpack 模版名 sell 为工程名)

参考我的另一篇：https://blog.csdn.net/weixin_42650105/article/details/109517394

或者安装vue/cli(vue3.0)

如果已经安装了vue-cli的需要先卸载

npm uninstall vue-cli -g

然后安装vue/cli

npm install -g vue/cli

然后创建vue项目
vue create my-demo
然后就会出现 cd my-demo和npm run serve
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201111153857184.jpg#pic_center
然后cd my-demo 运行即可

vue-cli和vue/cli 运行项目指令不一样，要注意！