1、远程连接
通过实例中远程连接(Workbench远程连接),接入服务器(通过网页可以对ECS实例进行远程控制,支持复制粘贴文本,支持多操作系统用户登录同一台实例,支持可视化查看系统文件资源)。
2、vue-cli脚手架安装:
cnpm install -g @vue/cli
3、Vue 3.x 项目创建
vue create hello-vue3
4、Vue 3.x 项目启动
npm run serve
5、Git仓库创建与配置
5.1 仓库创建
从gitee.com创建一个空白仓库
5.2 云开发环境进行Git全局设置
git config --global user.name "username"
git config --global user.email "user@email.com"
5.3 云开发环境进行生成sshkey
ssh-keygen -t rsa -C "xxx@xxx.com"
5.4 查看你的public key
cat ~/.ssh/id_rsa.pub
5.5 Git仓库路径映射
git remote add origin git@gitee.com:qicai666/hello-vue3.git
5.6 (5.1 —— 5.5 如下图):
5.7 将生成的Key添加至Gitee
5.8 推送至Gitee远程仓库
git add .
git commit -m "初始化"
git push -u origin master
6、阿里云web终端 & Gitee web IDE
可以在阿里云终端或Gitee web IDE进行开发了。
7、Nginx设置
通过npm run build将项目构建一次
打开 /etc/nginx/nginx.conf 文件,将项目路径指向构建后的 /www/hello-vue3/dist 文件夹
重启服务 nginx -s reload
打开浏览器查看运行情况