surge:这可能是最简单的部署静态资源到服务器的方式

作为开发人员,在不涉及商业机密或者个人隐私的情况下,有没有想把自己做得项目或者demo部署到网络服务器的冲动?

如果有,你行动了吗?用得是什么方式/平台?过程顺利否?花了多少时间?最终结果又如何?是否方便大家看看效果?

在此,我希望这一切都是一个丝滑的过程,这样既有成就感,又没花太多时间,若是愿意,还可以跟别人分享下成果。但是在实际操作过程中,我们可能会面临下面几个问题:

1、没有自己的服务器
2、如果不买/不借,不知道哪些平台提供这方面的服务
3、有自己的服务器,但不知道怎么操作或者操作过程中卡住了
4、知道一些提供该服务的平台,但是无人指点的情况下,部署存在困难

下面,我想简单介绍下surge部署:
surge是面向前端开发人员的静态资源部署平台,它是简单的,单命令的web发布,无需离开命令行即可免费发布html,css,javascript。

最简单的时候,你只要进入项目静态资源目录下,执行下方命令,然后刚开始需要输入下邮箱和密码,之后按回车即可部署完成,随后得到最终部署好后的站点链接,最后访问该链接(红框部分)即可,相关截图如下:

npm install --global surge
surge

surge:这可能是最简单的部署静态资源到服务器的方式_第1张图片
surge:这可能是最简单的部署静态资源到服务器的方式_第2张图片

然后,稍微麻烦但又不那么麻烦的时候,就是你可能需要对项目打下包,比如: vue等项目,执行下npm run build,然后进入静态资源目录,如:dist/build/public中的某个目录,当然,具体得还是要根据自己项目情况来,然后执行上述步骤即可。

你可能感兴趣的:(前端部署服务器)