使用腾讯云开发来部署SvelteSapp

北京扁平疣十佳医院 http://baidianfeng.39.net/a_zzzl/210404/8813030.html

Svelte是前端框架界新秀,以小巧、响应式、无virtualDom著称,就像React有对应的SSR框架Next.js一样,Svelte也有自己官方的SSR框架Sapper,也是小巧,灵活。

腾讯云开发(CloudBase,TCB)则是腾讯云提供的Serverless云服务,提供云函数、云存储、静态部署等能力,可以用来快速开发多端应用(小程序,公共号,Web应用,Flutter客户端……),然后还提供不错的免费额度^_^

下面我们来将SvelteSapper部署到CloudBase的云函数上。

开通云开发CloudBase

现在腾讯云控制台开通云开发CloudBase,并创建你的应用

然后新建一个Nodejs的云函数。

安装依赖

请确保你电脑已经安装了Node.js,如果没有请访问nodejs.org来安装。

安装cli

使用npm

npmi-g

cloudbase/cli

或者Yarn

yarnglobaladd

cloudbase/cli

安装成功后,就可以在命令行输入

cloudbase-v

,为了简化输入,cloudbase可以简写成tcb。例如,

tcb-h

获取帮助。

登录到cloudbase

tcblogin

之后会跳转到浏览器,如图授权界面

创建项目

使用tce命令先拉取上面创建的云函数

tcbinit

交互式的命令

cloudbaseinit?选择关联环境xxx-[xxx-xxx]?请输入项目名称svelte-sapper-tcb?选择模板语言Node?选择云开发模板HelloWorld创建项目svelte-sapper-tcb成功!

然后进入刚才创建的目录

cd/svelte-sapper-tcb

然后在functions(云函数约定)文件夹创建sveltesapper应用

npxdegitsveltejs/sapper-template#rollupfunctions/svelte-sapper

这样sapper应用就创建到

functions/svelte-sapper

目录下面,我们先安装运行:

cd./functions/svelte-sappernpminstallnpmrundev

浏览器中访问


转载请注明:http://www.aierlanlan.com/rzdk/3939.html