使用Electron开发基于Node.js的桌面应用:开发环境的搭建(一)

概念

Electron可以使用 JavaScript, HTML 和 CSS 构建跨平台的桌面应用,对于前段的工程师来说为他们进入PC应用打开一扇大门。


一、开发环境搭建:

  1. 进入Node官网,下载指定版本的安装包:https://nodejs.org/zh-cn/download/releases/。我安装的版本是node-v8.10.0-x64.msi,安装包默认自带npm。
  2. 安装完毕后,打开cmd命令窗口,输入node -v,npm -v命令进行校验。输出正确的版本表示安装成功。

二、运行第一个例子,“Hello World!”

  1. 运行第一个例子最简单的方法就是在git上面下载现有的例子代码,地址:https://github.com/electron/electron-quick-start/trunk
  2. 在cmd命令窗口中cd到下载的目录里面来,输入命令:
    npm install

    开始安装运行需要的库electron:使用Electron开发基于Node.js的桌面应用:开发环境的搭建(一)_第1张图片

  3. 如果下载的速度太慢,可以手动去官网下载对应的压缩包:https://npm.taobao.org/mirrors/electron。下载完毕后放到当前用户的目录下:C:\Users\用户名\.electron。 重新执行上面那个命令,就不需要下载那个包了。
  4. 输入命令:
    npm start

    我们的第一个例子就跑起来了。使用Electron开发基于Node.js的桌面应用:开发环境的搭建(一)_第2张图片

 三、结尾

搭建好需要的开发环境后,我们就开始更复杂功能的开发。 下面一篇我将讲解nodejs如何调用c++写的dll。

下一篇链接:https://blog.csdn.net/dm569263708/article/details/97395982

你可能感兴趣的:(使用Electron开发基于Node.js的桌面应用:开发环境的搭建(一))