使用|使用 Cloud-studio 云开发(Vue前端)

一个浏览器就可以开发,真的方便啊(按F11全屏体验更佳)
以某Vue前端项目为例
step1.创建Node.js 工作空间
进入空间(系统版本:Ubuntu 18),发现里面就是一个Visual studio code 编辑器
step2.开启 bash终端
使用|使用 Cloud-studio 云开发(Vue前端)
文章图片

使用|使用 Cloud-studio 云开发(Vue前端)
文章图片

step3.开启 ll 命令 (ubuntu 默认是没有打开ll命令的 )

apt install wget unzip vimvim ~/.bashrc点击 insert接入 插入模式将 alias ll='ls -alF' 改成下面 alias ll='ls -l'

step4.git clone 前端代码xx
cd xx cnpm install cnpmrun dev

step5. 使用natapp开启内网穿透(以下命令)
cd ~/RemoteWorkingwget http://download.natapp.cn/assets/downloads/clients/2_3_9/natapp_linux_amd64_2_3_9.zipunzip natapp_linux_amd64_2_3_9.zipchmod +x natapp

step6.启动natapp (自行去natapp申请免费web隧道)
cd ~/RemoteWorking ./natapp -authtoken=xxxxx

====
到这里前端服务,natapp都启动了 可以直接在此vsCode 上开发了
【使用|使用 Cloud-studio 云开发(Vue前端)】ps:
解决vue项目中的“Invalid Host header” [ https://www.xuanmo.xin/details/2869 ]

    推荐阅读