使用|使用 Cloud-studio 云开发(Vue前端)
一个浏览器就可以开发,真的方便啊(按F11全屏体验更佳)
以某Vue前端项目为例
step1.创建Node.js 工作空间
进入空间(系统版本:Ubuntu 18),发现里面就是一个Visual studio code 编辑器
step2.开启 bash终端
文章图片
文章图片
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 ]
推荐阅读
- 赠己诗
- 由浅入深理解AOP
- 【译】20个更有效地使用谷歌搜索的技巧
- mybatisplus如何在xml的连表查询中使用queryWrapper
- MybatisPlus|MybatisPlus LambdaQueryWrapper使用int默认值的坑及解决
- MybatisPlus使用queryWrapper如何实现复杂查询
- 八、「料理风云」
- 西湖游
- iOS中的Block
- Linux下面如何查看tomcat已经使用多少线程