StrAPI浅指南(一)| 青训营笔记

293 阅读2分钟

这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天

一、背景及环境

这次参加青训营,最后的大作业中需要用内容管理系统CMS-百度百科,在此之前,我没了解过CMS,借这次青训营了解了一下,发现对于前端人员真是个好东西,可以配置后端数据,通过接口拿到,虽然少了许多node开发后端的逻辑、设计等(第一次用node写后端的时候兴致还是蛮高滴),但不就可以更专注前端嘛,故而就涉及到本文主角——Strapi啦

strapi干嘛的呢?从strapi官网解释来看,很棒!(原谅作者是一个六级都还没过的菜鸟),说成“人话”,就是通过配置实现出接口,对于前端人员来说就是大大的福音啊,不用自己再去用node写后端啦

image.png

image.png

个人感觉写得还不错的一份指南文档(getstrapi.cn)

电脑配置:win10,node,VScode

image.png

配置tips:由于作者电脑东西也乱,所以仅有node环境不可保证能完整安装,因为队员安装后也遇到过文件夹权限问题、python环境问题等等,所以建议参照其他详细教程或

在执行npx create-strapi-app my-project --quickstart之后根据报错提示进行其他配置

二、安装及初始化启动

在VScode命令行输入以下命令行,然后哗啦哗啦得等进度条结束

npx create-strapi-app my-project --quickstart

先是这样

再是这样

最后就这样

接着一般会自动start项目(作者这里就是,它自己执行完打开浏览器了)

image.png

image.png

但没有中文可选欸

image.png

我们就这么做

image.png

image.png

但1337端口居然被用了?

image.png

那就给终止掉!反正原先这个端口就是这个项目在用

image.png

重新npm run develop一下

image.png

image.png

image.png