【StartNode】工作站 --Log Module

前言:

每年年末都是我学习新东西的时候(也可能是学过没学会的事情),去年年末看了一点node,这是前端工程化常用的运行时,感觉很多东西绕不开这个玩意。

最早接触node是在大三,比我学js(大学课程里有js但教的简单,大致等于没学)还早,说是这玩意能做后台服务,还是用的JavaScript,我心想芜湖再也不搞java那玩意了(其实是学校教的jsp,导致我一点也不喜欢java),然后找了一本《深入浅出nodejs》,看懂一点点,知道用node server启动服务,用express写点简陋的接口,说是node本身封装服务很麻烦,建议用现成的框架。不过用框架就不知道使用node服务的细节了,所以这次的项目没有用框架,直接用node本身。

1.Log Module简介

我博客有个日志的功能,我觉得用博客做不太方便,索性就移植到这个本地项目里,就叫工作站(workplate),用于记录,探索未知的事物,并做好总结。

预览:

image.png

workplate提供日志记录的功能,会根据当月生成对应的json文件,你可以在web上编辑文件,得到后续的日志记录。在node-workplate里,你可以找到本月的日志json文件。

image.png

ps:workplate分为两部分,node-workplate和vue-workplate,由于我不想在node服务上再添加前端代码,所以就直接分开了。

vue-workplate使用vue3+vite(年末已经不再维护v2,所以我选择跟上步伐使用v3),node版本是18版的好像?

2.使用workplate

仓库地址:stillwarter/startnode: How did I start nodejs as an noob (githubfast.com) or stillwarter/startnode: How did I start nodejs as an noob (github.com)

下载后你需要启动两个项目,vue-workplate和node-workplate。

启动前需要准备好node环境,最好在16版本以上,低版本我不知道会不会出bug;然后需要使用npm工具下载一个pnpm,vue-workplate要用到。

准备好后,先启动node服务,到node-workplate对应的文件夹下,使用cmd或其他命令行工具:

node httpstu2test

然后启动vue项目,同样到对应的文件夹下,使用cmd或其他命令行工具(初次运行需要先导入:

pnpm install
pnpm run dev

3.同步记录

我一般会把笔记本电脑放公司,所以有时候我的一些记录会分隔在两个电脑上,自家电脑和笔记本。这也是我做日志记录的一个原因吧,可以用github上传你的代码达到同步的效果,准备好2个ssh令牌就行。

最后欢迎大家fork和提意见,这个项目会在本年度持续进行...