【学习笔记DAY1】Cordova鸿蒙开发环境搭建for Windows

Cordova是一个开源移动开发框架,允许开发者使用HTML、CSS和JavaScript构建跨平台混合移动应用,对零基础开发者比较友好,能够较快的了解应用开发和应用迁移的基本知识。

一、开发环境搭建的软硬件配置

1-1硬件

此为本次开发环境搭建的个人电脑配置,不是硬性要求!
:此为本次开发环境搭建的个人电脑版本,不是硬性要求!

1-2基础软件

在这里插入图片描述

1-3集成开发环境IDE

在这里插入图片描述
DevEco Studio 6.0.1 Release
配套 HarmonyOS 6.0.1(21),面向 HarmonyOS 应用及元服务开发者提供的集成开发环境(IDE)。

二、开发环境搭建

2-1 Node Version Manager(NVM)

NVM是一个常用的 Node.js 版本管理工具,用户可以根据项目需求在开发过程中方便地切换不同版本的 Node.js,而无需手动安装和卸载多个版本的 Node.js。

下载地址:https://github.com/coreybutler/nvm-windows/releases

1.双击安装nvm-setup.exe
2.选择 nvm 安装路径
3.选择 node.js 安装路径
4.建议最好将 nvm 安装目录和 node.js 的存放到同一目录,方便一起管理
5.在命令行输入 nvm version 如有版本号输出,则说明安装成功。
在这里插入图片描述
6.检查在用户变量和系统变量里是否有 NVM_HOME 和NVM_SYMLINK,没有则需要添加上。
NVM_HOME:对应的是 nvm 的安装路径。
NVM_SYMLINK:对应的是 node 的安装路径。
检查用户变量和系统变量中的 path,看其中是否有 %NVM_HOME%;%NVM_SYMLINK% ,没有则需要在两者的 path 中添加上。
在这里插入图片描述

2-2 Node.js 和 Npm

Node.js是一个开源、跨平台的JavaScript运行时环境,允许开发者使用JavaScript编写服务器端应用、命令行工具和脚本。
NPM(Node Package Manager)是Node.js运行时环境默认集成的软件包管理工具,该工具随Node.js安装包自动部署。

  1. 查看官方所有的 node 版本在这里插入图片描述
  2. 安装指定版本的 node.js在这里插入图片描述
  3. 启用、切换 node 版本
    在这里插入图片描述
  4. 检查是否成功安装
    在这里插入图片描述
    注意:必须在管理员 cmd 的 dos 窗口中执行以上的命令才有效(win+r,输入cmd,然后按ctrl+shift+enter)。否则会有错误提示如下:
    在这里插入图片描述

2-3 Cordova

Cordova是一个开源移动开发框架,允许开发者使用HTML、CSS和JavaScript构建跨平台混合移动应用。

1.全局安装cordova
在这里插入图片描述
2.检查是否安装成功
在这里插入图片描述

(限于篇幅,将在【学习笔记DAY2】Cordova鸿蒙开发环境搭建for Windows中续写)

在此特别感谢学习过程中给予极大启发的坚果老师和网上提供各类学习资料的前辈!!!
坚果老师的文章:https://gitcode.com/OpenHarmony-Cordova/hcordova
坚果老师的视频:https://www.bilibili.com/video/BV1TFUnB9EKq/

Cordova鸿蒙开发环境搭建for Windows中篇
Cordova鸿蒙开发环境搭建for Windows下篇

Logo

作为“人工智能6S店”的官方数字引擎,为AI开发者与企业提供一个覆盖软硬件全栈、一站式门户。

更多推荐