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

一个浏览器就可以开发,真的方便啊(按F11全屏体验更佳)

以某Vue前端项目为例
step1.创建Node.js 工作空间

进入空间(系统版本:Ubuntu 18),发现里面就是一个Visual studio code 编辑器
step2.开启 bash终端
使用 Cloud-studio 云开发(Vue前端)_第1张图片
使用 Cloud-studio 云开发(Vue前端)_第2张图片
step3.开启 ll 命令 (ubuntu 默认是没有打开ll命令的 )

apt install wget unzip vim

vim ~/.bashrc    点击 insert接入 插入模式

将
alias ll='ls -alF'
改成下面
alias ll='ls -l'

step4.git clone 前端代码xx

cd xx
cnpm install
cnpm  run dev

step5. 使用natapp开启内网穿透(以下命令)


cd ~/RemoteWorking

wget http://download.natapp.cn/assets/downloads/clients/2_3_9/natapp_linux_amd64_2_3_9.zip

unzip natapp_linux_amd64_2_3_9.zip

chmod +x natapp

step6.启动natapp (自行去natapp申请免费web隧道)

cd ~/RemoteWorking
./natapp -authtoken=xxxxx

====
到这里前端服务,natapp都启动了 可以直接在此vsCode 上开发了

ps:
解决vue项目中的“Invalid Host header” [ https://www.xuanmo.xin/details/2869 ]

你可能感兴趣的:(使用 Cloud-studio 云开发(Vue前端))