开源鸿蒙学习(第二天)
计科专业尝试开源鸿蒙的第二天
一、软件汉化
二、环境安装(以Cordova为例)
Apache Cordova 是一个开源的移动开发框架,允许开发者使用标准的 Web 技术(HTML5、CSS3 和 JavaScript)来开发跨平台移动应用。
Cordova 将你的 Web 应用包装在原生应用的 WebView 中,并提供 JavaScript API 来访问设备的原生功能。
1.环境准备与安装
在安装 Cordova 之前,确保你的系统已经安装了:
Node.js 和 npm
Node.js 版本 >= 14.x,npm 会随 Node.js 一起安装
Node.js下载地址:Node.js — 下载 Node.js®

双击,一直点击Next


这个地方选择安装路径

这一步的选项Automatically install the necessary tools(自动安装所需工具)决定了是否安装用于编译原生模块的依赖项。这包括 Python 和 Visual Studio Build Tools 等工具。
如果勾选:Node.js 会自动安装这些工具,并配置好相关依赖,适合需要使用原生模块(如 bcrypt、node-sass 等)开发或测试的用户。
如果不勾选:系统不会安装这些工具,但可以手动配置依赖。如果后续不需要编译 C/C++ 模块,则不勾选也不会影响普通 JavaScript 开发。

点击Install安装,然后等待


点击Finish完成
2.安装测试
按下 win + r 键,输入cmd,打开cmd窗口。

输入以下命令并回车,验证版本信息:
node -v // 检查 Node.js 版本
npm -v // 检查 npm 版本

如果正确输出版本号(如下图所示),说明安装成功。
如果命令未识别,请检查环境变量配置。
三、环境配置
1.创建文件夹
打开安装目录,新建两个文件夹 node_global 和 node_cache。

2.配置npm
打开cmd,输入以下命令
npm config set prefix "你的路径\node_global"
npm config set cache "你的路径\node_cache"

如果报错可能是路径与命令中间没有空格(如图)
注意事项:
如果输出的路径与配置路径一致,说明路径配置成功。
确保路径正确:复制刚刚创建的 node_global 和 node_cache 文件夹路径,避免路径输入错误。
权限问题:如果提示权限不足,请确认已使用管理员身份运行命令提示符。
3.配置环境变量
右键点击桌面上的 此电脑(或“计算机”),选择 属性 。

点击 高级系统设置。

然后选择 环境变量。

在 系统变量 区域,点击 新建。

输入以下内容,然后点击确定。
变量名:NODE_PATH
变量值:E:\OpenHarmony\Node.js\anzhang\node_global\node_modules (复制刚刚创建的node global路径并在后面添加\node modules)

编辑 用户变量 中的 Path

将默认的 C:\Users\你的用户名\AppData\Roaming\npm 路径修改为 node_global 文件夹的路径(如 E:\OpenHarmony\Node.js\anzhang\node_global),然后点击确定。


更新系统变量 Path
在 系统变量 中选择 Path 点击 编辑 后点击新建 %NODE_PATH% ,随后一直点击 确定 直到关闭所有窗口即可。


4.测试
完成环境变量配置后,重新打开 cmd ,输入以下命令验证:
echo %NODE_PATH%

如果输出正确路径,说明环境变量已配置成功。

如果没出来,重新打开cmd界面,用管理员身份运行
至此,我们已经完成了 Node.js 的下载安装、环境配置等操作。希望本教程能够帮助你顺利搭建 Node.js 开发环境。
如果在操作过程中遇到问题,欢迎在评论区留言交流,一起解决问题。祝你开发顺利,开启高效的 Node.js 开发之旅!
更多推荐



所有评论(0)