【Electron】Electron在Windows下的环境搭建

Electron作为一种用javascript写桌面程序的开发方式,现在已经被大众接受。下面就介绍如何在windows(>win7)下快速搭建Electron开发环境。

1. nodejs 的安装

从nodejs 下载最新版本的windows安装程序进行安装,我下载的是v6.9.1,安装时一路默认即可,这个安装会把nodejs和npm配置到系统PATH中,这样在命令行的任何位置都可以直接用node执行nodejs,用npm执行npm命令。

检查nodejs是否安装成功可以这样查看:

另外,因为可能的GFW问题(不然会下载很慢很慢,也可能下载失败),所以建议把npm的仓库切换到国内taobao仓库,执行下面的命令:

npm config set registry "https://registry.npm.taobao.org/"

还有一种方式,注册cnpm命令,如下(我采用的是第二种):

npm install -g cnpm --registry=https://registry.npm.taobao.org

运行效果如下:

2. Electron的安装

因为前面已经启用了node/npm,所以可以采用npm的方法安装Electron。
为了测试的方便,我是在命令行窗口中采用下面的命令:

npm install -g electron

效果如下:

其中,查看electron是否安装成功可通过命令 electron -v 查看。

网上有的说命令是 npm install -g electron-prebuilt,其实这是早期的版本命令,现在已经更新为electron了,如下:

3. 编程环境安装

强烈推荐微软退出的VS Code,直接下载安装即可,它支持nodejs等的代码提示,很是方便。

4. 打包输出工具

为了方便最终成果输出,建议安装electron-packager工具,安装也很简单,建议以下面的命令全局安装:

npm install -g electron-packager

效果如下:

5. 如果需要采用git进行版本控制,建议安装git工具

直接在git 下载最新版本的安装即可。

至此实际上开发环境已经搭建好了。

时间: 2024-10-25 19:04:52

【Electron】Electron在Windows下的环境搭建的相关文章

cocos2d-x_ Windows下Android环境搭建

在Windows环境下编译cocos2d-x-3.0 Android-NDK编译:cocos2d-x(二) Mac 下搭建:http://www.cocoachina.com/bbs/read.php?tid=199238 1. 安装配置开发环境 安装JDK  jdk-8u5-windows-i586 安装ant  apache-ant-1.9.4-bin.zip 安装SDK  adt-bundle-windows-x86-20140321 安装NDK  android-ndk-r9d-wind

windows下egret环境搭建

作者:zccst 1,下载安装nodejs 安装完毕,通过cmd.exe查看 node -v正常 npm 时报错:nodejs/windows Error: ENOENT, stat 'C:\Users\RT\AppData\Roaming\npm' 解决办法:Manually creating a folder named 'npm' in the displayed path fixed the problem 翻译过来就是,在'C:\Users\RT\AppData\Roaming\'下建

[转帖]cocos2d-x 3.0rc开发指南:Windows下Android环境搭建

原文请看:http://blog.csdn.net/linzhengqun/article/details/21663341 鲜红字体请注意:文中红色字体乃是本文博主阳光下的蒲公英添加.红色字体部分造成的问题,本博主一概不负任何责任.其他字体的责任由原文作者负责.(本文博主是不是特别无节操了呢....O(∩_∩)O哈哈哈~) 安装工具 1. 配置JDK JDK下载地址:http://www.oracle.com/technetwork/java/javase/downloads/index.ht

Windows下NodeJS环境搭建

Windows下NodeJS环境搭建 1. NodeJS Javascript运行环境,可以解析JavaScript语言,采用Chrome V8引擎,可以理解为你安装了一个Chrome浏览器,然后把浏览器的图形化界面都扒光,把没必要的一些功能都扒光,只留下一个核心V8引擎,再把这个引擎外面封装一些接口,就成了NodeJS. 2. NPM(CNPM) 一个包管理器.就像我们装新家需要有现成的实木门,现成的组合厨房,现成的彩电电冰箱,然后把这些都拿过来以后像拼积木一样把他们拼到屋子里就完成了一个新家

Spark在Windows下的环境搭建

由于Spark是用Scala来写的,所以Spark对Scala肯定是原生态支持的,因此这里以Scala为主来介绍Spark环境的搭建,主要包括四个步骤,分别是:JDK的安装,Scala的安装,Spark的安装,Hadoop的下载和配置.为了突出"From Scratch"的特点(都是标题没选好的缘故),所以下面的步骤稍显有些啰嗦,老司机大可不必阅读,直接跳过就好.  一.JDK的安装与环境变量的设置 1.1 JDK的安装 JDK(全称是JavaTM Platform Standard

Laravel学习之Windows下Homestead环境搭建

一.简介 1.Homestead Laravel Homestead是官方预封装的Vagrant box,提供给我们学习和开发者一个环境,我们在自己的电脑上不要装PHP,HHVM,WEB服务器等其他软件.也不用担心环境搭建带来的问题,Vagrant box全部都会给解决好,我们只需要使用就好.如果有问题,我们可以重新销毁vagrant box重新安装一个即可. 2.内置软件 Ubuntu 16.04 Git PHP 7.0 HHVM Nginx MySQL MariaDB Sqlite3 Pos

IOS开发-windows下object-c环境搭建

手头没有mac,开始学习object-c,只有在windows下搭建object-c编译环境. 下载需要的软件:http://www.gnustep.org/experience/Windows.html 安装gnustep-msys-system,gnustep-core,gnustep-devel,gnustep-cairo: 依次安装,直接默认下一步,前两个是必装,后两个选装,我的如下: 安装完成后,默认路径为:C:\GNUstep: 新建helloworld.m文件: #import <

安卓转战React-Native之windows下android环境搭建爬坑血泪史

前言 最近又有新的项目立项,所以好久都没有写博客了,然后都是利用闲暇时间来学习React-native. 由于安卓和ios的就业环境给移动端开发带来前所未有的冲击,于是乎很多伙伴们不得不另谋他路,然后现在比较火爆的Hybird和react-native也是对我们移动端的影响比较大,比如去面试会问你会nodej或者react不,前端工程师(js)转移动端的门槛变得很低,angularjs和reactjs都很不错,并且6月底阿里开源weex,估计很多人对weex还是特别期待的,唉,只能拿知识武装自己

android学习第1篇:windows下android环境搭建:adt-bundle

安卓学习开始了! 在windows上搭建安卓开发环境,看似简单,其实问题很多,我整整搭建了5天才搞定,当然,也是因为工作有些忙的原因,时间不太多,OK,本篇教程,我会将我遇到的所有问题都写上,希望看到这篇博客的朋友,不会犯同样的错误. 一.搭建JAVA开发环境 1.基本概念 如果你会JAVA,那直接略过就行. http://blog.csdn.net/alspwx/article/details/20799017 这篇博客,是我以前转载的别人的,主要是介绍:J2EE\J2ME\JVM\JRE\J

Windows下Django环境搭建

总体示意图如下:  Windows下搭建Django环境 1.安装Python版本 2.安装pip工具,一般Python安装都会自动会有这个,在你python安装命令下Scripts文件夹下 3.django,第一种方法是通过pip安装,在windows 7下只要pip install django就装好了.第二种方法是也通过源码安装,git clone https://github.com/django/django.git下载源码:然后通过python setup.py install安装.