自动化部署vue项目

1、下载node

http://nodejs.cn/download/node-v14.15.1-linux-x64.tar.xz

2、解压至/opt文件夹

tar xvjf node-v14.15.1-linux-x64.tar.xz

3、建立软链接全局访问

ln -s /opt/node-v14.15.1-linux-x64/node /usr/bin/node

ln -s /opt/node-v14.15.1-linux-x64/npm /usr/bin/npm

4、安装cnpm

npm install -g cnpm --registry=https:registry.npm.taobao.org

ln -s /opt/node-v14.15.1-linux-x64/bin/cnpm /usr/bin/cnpm

5、安装webpack

cnpm install webpack@3.8.1 -g

ln -s /opt/node-v14.15.1-linux-x64/bin/webpack /usr/bin/webpack

6、安装vue-cli

cnpm install @vue/cli -g

在一个 Vue CLI 项目中，@vue/cli-service 安装了一个名为 vue-cli-service 的命令。你可以在 npm scripts 中以 vue-cli-service、或者从终端中以 ./node_modules/.bin/vue-cli-service 访问这个命令。

摘自 https://www.jianshu.com/p/ae9bcb0c7c32

7、初始化

cnpm install 生成node_modules

每个项目都需要有自己的node_modules

8、问题

vue-cli-service server 未找到命令

解决办法：将项目里的“node_modules”文件夹删除，然后重新运行npm install 如果安装了淘宝镜像，可以运行cnpm instal