使用devcloud进行vue开发要注意的问题

devcloud在线IDE开发，可以带来非常好的开发体验。好的体验在哪里呢？

你不需要安装node基础环境，当然这个还不算特别好的体验，因为自己安装也不慢

好的体验来了，上课时你听尚硅谷的老师说了没有，说用vue-cli脚手架新建了项目后，

使用npm install安装依赖时，安装花了2个小时...

然后说同学们你们下载会更慢，因为同时下载的人多了肯定更慢啊，这样吧，我打个包给你们，你们就不用下载了

还没开始动手作代码呢，准备环境就把人折磨的如此，你说是不是大家都很不容易？

实际上呢需要下载安装的依赖node_modules大约200M，为什么这么慢，网络原因，原因不去深究，下载慢是事实，没有办法，只能面对事实

但用devcloud就不一样了，什么好的体验，当然是行云流水般的丝滑啦

看图

平均7M每秒的速度，28秒就下载完了

这样好的体验不是白享受的，当你开始只想要把框架跑通时，就会碰到当头二棒

第一棒，默认只在localhost启用监听。本地开发无所谓了，localhost也能访问，云端就不行了。

需要如此修改，在主机的所有主机地址进行监听，即修改为0.0.0.0

(修改地址：config/index.js > host:'0.0.0.0')

第二棒，npm run dev将项目运行起来后，浏览器访问时没有出来预期页面，只有一句冷冰冰的一句话：invalid host header。

这个是因为云端运行项目启动服务监听端口后，会通过代理将访问URL暴露到公网，所以才有这个问题。本地开发直接访问，应该就没这个问题。

需要如此修改，取消对主机host的检查。

(修改地址：build/webpack.dev.conf.js > devServer: > disableHostCheck:true 因为我们是用npm run dev运行的，所以修改build/webpack.dev.conf.js文件)

如此这般设置后，终于起步成功了。大家都不容易啊~