hbuilder 生成项目并运行http-server以及Hbuilder的使用

哈喽 大家好啊,今天有一个hbuilder的项目

然后由于自己很少用,然后百度到一个博主

在我的h5项目下面

第一步:切换到build文件里面

cd ./build

第二步:全局安装http-server

npm i -g http-server


第三步:启动项目

//3000是端口号 -p 参数是监听端口
http-server -p 3000

启动完成,直接到本地3000端口访问项目即可。

附上http-server的参数

-p 端口号 (默认 8080)

-a IP 地址 (默认 0.0.0.0)

-d 显示目录列表 (默认 'True')

-i 显示 autoIndex (默认 'True')

-e or --ext 如果没有提供默认的文件扩展名(默认 'html')

-s or --silent 禁止日志信息输出

--cors 启用 CORS via the Access-Control-Allow-Origin header

-o 在开始服务后打开浏览器
-c 为 cache-control max-age header 设置Cache time(秒) , e.g. -c10 for 10 seconds (defaults to '3600'). 禁用 caching, 则使用 -c-1.
-U 或 --utc 使用UTC time 格式化log消息

-P or --proxy Proxies all requests which can't be resolved locally to the given url. e.g.: -P http://someurl.com

-S or --ssl 启用 https

-C or --cert ssl cert 文件路径 (default: cert.pem)

-K or --key Path to ssl key file (default: key.pem).

-r or --robots Provide a /robots.txt (whose content defaults to 'User-agent: *\nDisallow: /')

-h or --help 打印以上列表并退出

然后访问就可以啦 

然后就是hbuilder的使用

以下截图来自官网:

 

原文链接:https://www.jianshu.com/p/54b0901cb9cd

### 如何在HBuilderX中配置Node.js环境 #### 配置前准备 为了确保能够在 HBuilderX 中顺利使用 Node.js 进行开发工作,在开始之前需确认已下载安装好最新版的 HBuilderX 和 Node.js。对于 Node.js 版本的选择,建议依据具体项目需求而定。 #### 下载与安装Node.js 访问官方网址 [DCloud官网](https://www.dcloud.io/hbuilderx.html),按照页面提示完成 Node.js 的下载和安装过程[^2]。安装完成后可通过命令行输入 `node -v` 来检验是否成功安装;如果显示相应版本号即表示安装无误[^3]。 #### 设置环境变量(如有必要) 当通过命令行无法识别 node 命令时,则可能需要手动设置环境变量。打开计算机属性中的高级系统设置->环境变量选项卡,在“系统变量”的 Path 变量值内追加 Node.js 所处路径,每添加一项记得用分号隔开新旧项。 #### 安装Node.js插件支持 启动 HBuilderX 后进入扩展市场搜索 "Node.js" 关键词获取相关插件资源,依照指示完成必要的插件部署操作以增强 IDE 对于 Node.js 开发的支持力度[^4]。 #### 创建新的Node.js工程 利用 HBuilderX 提供的新建功能创建基于 Node.js 技术栈的应用程序模板,这一步骤通常会自动生成一些基础文件结构帮助开发者快速搭建起应用框架。 ```javascript // 示例:package.json 文件内容 { "name": "my-node-app", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "start": "node index.js" }, "dependencies": {} } ``` #### 测试配置效果 最后编写一段简单的 JavaScript 脚本来验证整个流程是否正确执行。比如可以在项目的根目录下创建名为 `index.js` 的入口文件,加入如下代码片段用于监听本地端口向浏览器发送响应消息: ```javascript const http = require('http'); const server = http.createServer((req, res) => { res.writeHead(200, {'Content-Type': 'text/plain'}); res.end('Hello World\n'); }); server.listen(3000, () => console.log('Server running at http://localhost:3000/')); ``` 保存更改后借助内置终端或外部命令窗口运行此脚本(`npm start`),随后打开网页浏览器访问指定地址查看实际输出结果,以此判断当前环境下 Node.js 是否可以正常运作。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值