Vuejs项目如何部署到云开发上？

语雀链接：web项目部署到云开发
掘金链接：Vuejs项目如何部署到云开发上？

1.创建Vue脚手架项目

#前提是之前全局安装过vue
vue create projectName
cd projectName
vue add router #添加路由
#运行项目
npm run serve
#打包项目
npm run build
#执行这个命令才会生成dist目录，下面会用到

2.开通云服务

注意选择按量计费

开通静态网站托管，只支持按量计费，这是已开通成功图

记住环境ID，下面会用

3.项目部署到云开发

1. 安装云开发CLI

npm i -g @cloudbase/cli

2. 安装完成后，执行登录CLI名

tcb login

系统会自动打开浏览器，你只需要在弹出的页面扫码登录你的腾讯云账号，授权CLI即可

完成登录后，进入dist目录，上传文件，这里的envID就是你上面开通的环境ID

cd dist
tcb hosting:devploy -e envID

直接获取自己的域名，这里你可以自定义你的域名,上传你的SSH证书

访问：

你的项目目录：