Nullstack 项目教程

Nullstack 项目教程

nullstackFeature-Driven Full Stack JavaScript Components项目地址:https://gitcode.com/gh_mirrors/nu/nullstack

1. 项目的目录结构及介绍

Nullstack 项目的目录结构通常包含以下几个主要部分：

nullstack-app/
├── node_modules/
├── public/
│   ├── robots.txt
│   └── manifest.json
├── src/
│   ├── components/
│   │   └── App.njs
│   ├── pages/
│   │   └── Home.njs
│   ├── client.njs
│   ├── server.njs
│   └── application.njs
├── .env
├── .gitignore
├── package.json
├── README.md
└── nullstack.json

目录结构介绍

• node_modules/: 存放项目依赖的模块。
• public/: 存放静态文件，如 robots.txt 和 manifest.json。
• src/: 项目的源代码目录。
  • components/: 存放可复用的组件。
  • pages/: 存放页面组件。
  • client.njs: 客户端入口文件。
  • server.njs: 服务器端入口文件。
  • application.njs: 应用配置文件。
• .env: 环境变量配置文件。
• .gitignore: Git 忽略文件配置。
• package.json: 项目依赖和脚本配置。
• README.md: 项目说明文档。
• nullstack.json: Nullstack 配置文件。

2. 项目的启动文件介绍

Nullstack 项目的启动文件主要包括 client.njs 和 server.njs。

client.njs

client.njs 是客户端的入口文件，负责初始化客户端应用。示例如下：

import Nullstack from 'nullstack';
import Application from './Application';

const context = Nullstack.start(Application);

context.start = function() {
  // 客户端启动逻辑
};

export default context;

server.njs

server.njs 是服务器端的入口文件，负责初始化服务器应用。示例如下：

import Nullstack from 'nullstack';
import Application from './Application';

const context = Nullstack.start(Application);

context.start = function() {
  // 服务器端启动逻辑
};

export default context;

3. 项目的配置文件介绍

Nullstack 项目的配置文件主要包括 .env 和 nullstack.json。

.env

.env 文件用于配置环境变量，示例如下：

NODE_ENV=development
API_URL=http://localhost:3000

nullstack.json

nullstack.json 文件用于配置 Nullstack 应用的参数，示例如下：

{
  "name": "nullstack-app",
  "version": "1.0.0",
  "settings": {
    "key": "value"
  }
}

这些配置文件可以帮助你更好地管理和配置你的 Nullstack 项目。

nullstackFeature-Driven Full Stack JavaScript Components项目地址:https://gitcode.com/gh_mirrors/nu/nullstack