%20(2).svg)
项目简介
本项目是一个基于 Node.js 框架的 Web 服务器增强工具，为开发者提供了便捷的 Web 服务器启动和配置方式，同时具备代码转换和插件扩展等功能。
项目的主要特性和功能
- 支持通过命令行快速启动 Web 服务器。
- 可使用配置文件进行个性化设置。
- 能将 TypeScript 和 JavaScript 代码转换为 AMD 格式的 JavaScript。
- 支持将 Less 代码转换为 CSS。
- 提供插件加载机制，方便扩展功能。
安装使用步骤
安装
在控制台输入以下命令进行全局安装：
bash
npm i -g maishu-nwsp
使用
使用命令行启动服务器：
bash
nwsp -d <website path> -p <port>
- -d：必填参数，指定网站文件夹路径。
- -p：可选参数，指定网站端口，默认值为 9868。
网站目录结构
典型的网站文件夹结构如下：
plaintext
根目录
├── controllers
| └── home.js
├── node_modules
├── public
| └── dynamic
| └── index.html
└── package.json
- controllers：存放控制器文件。
- public：公开文件夹，可通过 HTTP 请求访问。
- dynamic：存放动态脚本文件。
示例
简单网页显示
创建 demo 文件夹，结构如下：
plaintext
demo
├── public
| └── index.html
index.html 文件内容：
```html
Hello World
运行命令：bash
nwsp -d demo
``
在浏览器输入http://127.0.0.1:9868可看到Hello World`。
TS 文件转换
demo 文件夹结构：
plaintext
demo
├── public
| └── index.html
| └── index.ts
index.html 文件内容：
```html
`index.ts` 文件内容：typescript
let hello: string = 'Hello'
let world: string = 'World'
document.body.innerHTML = hello + ' ' + world
运行命令：bash
nwsp -d demo
``
在浏览器输入http://127.0.0.1:9868可看到Hello World；输入http://127.0.0.1:9868/index.ts` 可看到转换后的 JavaScript 代码。
LESS 文件转换
demo 文件夹结构：
plaintext
demo
├── public
| └── index.html
| └── index.less
index.html 文件内容：
```html
Hello World
`index.less` 文件内容：less
@color: red;
h1 {
color: @color;
}
运行命令：bash
nwsp -d demo
``
在浏览器输入http://127.0.0.1:9868可看到红色的Hello World`。
动态脚本
demo 文件夹结构：
plaintext
demo
├── public
| └── dynamic
| └── hello-world.js
hello-world.js 文件内容：
javascript
exports.default = function () {
return {
content: "hello world",
headers: { "Content-Type": "text/plain" }
}
}
在浏览器输入 http://127.0.0.1:9868/dynamic/hello-world.js 可看到 hello world。
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】