计科专业尝试开源鸿蒙的第二天

一、软件汉化

打开软件:
点击设置选项(Settings)
找到Language,选择chinese,点击Apply
点击Restart,重新启动
界面变为中文

二、环境安装(以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 开发之旅!

参考文档:2024最新版Node.js下载安装及环境配置教程【保姆级】_nodejs下载-CSDN博客

Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐