如何使用阿里云云开发平台发布vuecli前端项目

. 第一步使用阿里云代码托管平台(云效codeup)把代码托管到仓库

https://codeup.aliyun.com/

如何使用阿里云云开发平台发布vuecli前端项目

2. 项目是vue-cli纯前端的项目

需要在根目录新建build.sh 里面编写构建命令

#!/bin/bash

rm -rf dist

# 静态文件

npm install

npm run build

 

3. 使用阿里云云开发平台

https://workbench.aliyun.com/

建立前端应用

如何使用阿里云云开发平台发布vuecli前端项目

选择codeup->自己的仓库->然后找到阿里云云效codeup里面的项目。

4. 然后分支管理,如下图填写

如何使用阿里云云开发平台发布vuecli前端项目

5. 然后部署配置填写自己的域名

需要注意自己的域名需要cname解析到指定的域名

如何使用阿里云云开发平台发布vuecli前端项目

6.最后点击部署

如何使用阿里云云开发平台发布vuecli前端项目

6. 部署成功就可以使用自己域名访问了。项目成功上线啦!是不是超级简单呢?

上一篇:《深入理解计算机系统(修订版)》读感


下一篇:Quick BI功能篇之(一):20分钟入门