(003)云开发环境配置(示例Vue 3.x)

534 阅读1分钟

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

打开浏览器查看运行情况