Nodejs Starter - 全栈 Vue Argon 设计

2025-06-07

Nodejs Starter - 全栈 Vue Argon 设计

你好,程序员们,

在本文中,我将介绍我用来交付简单应用程序(大多是单页应用程序)的Nodejs 启动器,这些应用程序是用Vue编写的。这里描述的 JavaScript样板代码并不复杂,但曾多次帮助我自动化新项目的设置阶段。

感谢阅读! - 内容由App Generator提供


从源代码构建

Nodejs Starter采用解耦架构构建,其中Vue Argon Design前端通过安全的 ajax 调用与Nodejs / Express 后端进行通信。

要使用和启动此启动器,必须遵循几个简单的步骤:

$ #############################
$ # clone and build the backend

$ git clone https://github.com/app-generator/nodejs-starter.git
$ cd nodejs-starter
$ yarn
$ yarn start # backend runs on port 3000

$ #############################
$ # clone and build the Vue Frontend

$ git clone https://github.com/app-generator/vuejs-argon-design-system.git
$ cd vuejs-argon-design-system
$ yarn
$ yarn start # Frontend runs on port 8080
Enter fullscreen mode Exit fullscreen mode

Nodejs 入门功能

为了提供一些有用的东西,启动器具有一组最低限度的功能,如身份验证、简洁的设计和宽松的许可证。


Vue Argon 设计前端

此入门版是一个简单的登录页面,增强了登录和注册功能。使用Argon 设计系统提供的 UI 元素,可以轻松扩展和定制该应用。

采用 Vue 设计的全栈 Nodejs Starter - Gif 动画演示。


启动链接


我会根据大家的反馈和评论,更新本文的内容。有时,使用来自可靠来源的样板代码可以帮助你节省宝贵的时间,并加快开发速度。


其他 Nodejs Starters


相关文章


谢谢你!

文章来源:https://dev.to/sm0ke/nodejs-starter-full-stack-vue-argon-design-13bj
PREV
开源仪表板 - React、Vue3、Bootstrap 5、Tailwind
NEXT
Next JS 主题