开始学习Electron的时候用到git, 记录学习一下, 学习地址是: https://zhuanlan.zhihu.com/p/20225295?columnSlug=FrontendMagazine

1. 用git的时候进入一个目录是 cd D:test  可以进入d盘的文件路劲,跟git没关系

2. 打开 Git bash here

Jason Zeng@DESKTOP-ODB5KQB MINGW32 /e/Jason Zeng/Desktop/Electron
$ git clone https://github.com/bojzi/sound-machine-electron-guide.git                       git克隆远程仓库
Cloning into 'sound-machine-electron-guide'...
remote: Counting objects: 107, done.
remote: Total 107 (delta 0), reused 0 (delta 0), pack-reused 107
Receiving objects: 100% (107/107), 3.37 MiB | 518.00 KiB/s, done.
Resolving deltas: 100% (27/27), done.

Jason Zeng@DESKTOP-ODB5KQB MINGW32 /e/Jason Zeng/Desktop/Electron
$ cd sound-machine-electron-guide                          git 转入目录

Jason Zeng@DESKTOP-ODB5KQB MINGW32 /e/Jason Zeng/Desktop/Electron/sound-machine-electron-guide (master)
$ git tag                                         git 查看tag
00-blank-repository
01-start-project
02-basic-sound-machine
03-closable-sound-machine
04-global-shortcuts-bound
05-settings-window-working
06-shortcuts-configurable
07-ready-for-packaging

Jason Zeng@DESKTOP-ODB5KQB MINGW32 /e/Jason Zeng/Desktop/Electron/sound-machine-electron-guide (master)

$ git checkout 00-blank-repository

Note: checking out '00-blank-repository'.

You are in 'detached HEAD' state. You can look around, make experimental
changes and commit them, and you can discard any commits you make in this
state without impacting any branches by performing another checkout.

If you want to create a new branch to retain commits you create, you may
do so (now or later) by using -b with the checkout command again. Example:

git checkout -b <new-branch-name>

HEAD is now at aac9eb8... blank repository

3. 用node.js command prompt(把Node命令和npm命令都结合的环境)也很蛋疼,要切换一个目录,先要某个盘符下, 如E:后才能进入相应的文件夹, 用相对路劲的方式, 还默认进入了E盘下的第一个文件夹,服了!!!!!!

C:\Windows\System32>E:

E:\WorkSpace>

E:\WorkSpace>cd ..\SoftwareDistribution

E:\SoftwareDistribution>

E:\SoftwareDistribution>cd ..\Jason Zeng\Desktop\Electron\sound-machine-electron-guide

E:\Jason Zeng\Desktop\Electron\sound-machine-electron-guide>

4. 用node命令框时遇到抛出异常的时候用: ctrl+c 可以退出执行的环境

5. npm start的时候遇到两个bug

  1. cannot find module 'app', 把下面的红字改成绿色的即可,错误原因:使用的Electron版本太新,这种API在 Electron v1.0.0 中被移除了。再出现 “Cannot find module ……” 的错误,基本上全是因为require直接引入模块了

    // var app = require('app');
    // var BrowserWindow = require('browser-window');

    const electron = require('electron');
    const app = electron.app;
    const BrowserWindow = electron.BrowserWindow;

2.  loadUrl is not working in electron:   把 loadUrl改成loadURL就可以了

界面如下:

6. nom可以通过package.json来下载依赖模块

  1.package.json不存在时 
  命令:npm init可自动创建package.json文件

  2.package.json存在时 
  直接命令:npm install 或者 npm install –save-dev会自动将package.json中的模块安装到node-modules文件夹下

Electron中git, npm,webpack使用的更多相关文章

  1. 解决create-react-app 后 npm start or yarn start 中出现 的webpack版本问题

    解决create-react-app 后 npm start or yarn start 中出现 的webpack版本问题 错误提示信息 There might be a problem with t ...

  2. 微信小程序开发教程 #043 - 在小程序开发中使用 npm

    本文介绍了如何在微信小程序开发中使用 npm 中包的功能,大大提高微信小程序的开发效率,同时也是微信小程序系列教程的视频版更新. 微信小程序在发布之初没有对 npm 的支持功能,这也是目前很多前端开发 ...

  3. npm & webpack

    npm 全称 node package manager,是 js 的包管理工具,开发人员可以把写好的框架.库发布到 npm 上,使用者在使用时候就可很方便地通过 npm 来下载,只要在 npm官网 有 ...

  4. npm+webpack+babel+react安装

    npm+webpack+babel+react安装 1.首先要安装 Node.js, Node.js 自带了软件包管理器 npm 2.在项目文件目录下生成package.json # 进入项目目录$ ...

  5. Bootstrap4默认样式不对胃口?教你使用NPM+Webpack+SASS来定制

    Bootstrap 是一个流行的前端样式库,可以方便快速的构建应用,但默认样式可能不尽人意,本文就介绍如何使用 NPM, Webpack, SASS 针对它的源码来定制自己的主题.版本使用的是 Boo ...

  6. 在electron中使用sqlite:sql.js简介

    在electron中使用sqlite:sql.js简介 在开发electron应用的时候如果想要使用sqlite3,步骤上除了npm安装以外还要rebuild,比较麻烦.如果你想找一个开箱即用的sql ...

  7. webpack : 无法加载文件 C:\Users\Eileen\AppData\Roaming\npm\webpack.ps1,因为在此系统上禁止运行脚本

    报错内容: webpack : 无法加载文件 C:\Users\Eileen\AppData\Roaming\npm\webpack.ps1,因为在此系统上禁止运行脚本.有关详细信息,请参阅 http ...

  8. Electron中Jquery的引入方式

    原文链接http://huisky.com/blog/16122220522957 Electron默认启用了Node.js的require模块,而jQuery等新版本框架为了支持commondJS标 ...

  9. 如何在Meteor中使用npm模块?

    首先,请在AtmosphereJs上搜索有无相关的封装包.尽量采用已有的封装包,而不是自己封装. 有两种方法在项目中使用来自npm的模块. 封装为Meteor包并在项目中添加包.使用meteor cr ...

随机推荐

  1. 搭建ss的步骤

    1. 购买vultr产品 购买地址 (这个比较稳定) 2. 更改ssh的端口,混淆一下,我改成了2333 vim /etc/ssh/sshd_config 将里面的port改为2333 更改防火墙规则 ...

  2. LeetCode:验证二叉搜索树【98】

    LeetCode:验证二叉搜索树[98] 题目描述 给定一个二叉树,判断其是否是一个有效的二叉搜索树. 假设一个二叉搜索树具有如下特征: 节点的左子树只包含小于当前节点的数. 节点的右子树只包含大于当 ...

  3. uva 11752 The Super Powers (数论+枚举)

    题意:找出1~2^64-1中 能写成至少两个数的幂形式的数,再按顺序输出 分析:只有幂是合数的数才是符合要求的.而幂不会超过64,预处理出64以内的合数. 因为最小的合数是4,所以枚举的上限是2的16 ...

  4. VMWare 安装时报错 tools-windows.msi failed报错解决办法

    1.我用的是7.1.3版本的,到官方网站上下载这个版本的tools安装包 http://softwareupdate.vmware.com/cds/vmw-desktop/ws/7.1.3/32428 ...

  5. c#基础-自动内存管理

    1.自动垃圾回收是什么?     在非托管环境下程序员要自已管理内存,由疏忽的原因,通常会犯两种错误,请求内存后在不使用时忘记释放,或使用已经释放了的内存.但在托管环境下,程序员不用担心这两个问题,C ...

  6. MySQL Binlog解析(2)

    一.TABLE_MAP_EVENT Used for row-based binary logging beginning with MySQL 5.1.5.The TABLE_MAP_EVENT d ...

  7. 微服务与SOA

    微服务跟SOA有什么区别呢,可以把微服务当做去除了ESB的SOA.ESB是SOA架构中的中心总线,拓扑结构应该是星形的,而微服务是去中心化的分布式软件架构. 一.巨石(monolith) web应用程 ...

  8. springmvc 整合微信

    springmvc 整合微信 方式一: ① 配置验证 @RequestMapping(value = "/into", method = RequestMethod.GET, pr ...

  9. 如何评价一个pipeline的好坏

    生物信息NGS相关软件众多. 常用的比对软件:bwa,bowtie: 去pcr重复的软件\:samtools,picard: calling variant:samtools/bcftools,gat ...

  10. 详解Linux系统中的文件名和文件种类以及文件权限

    Linux文件种类与副文件名 一直强调一个概念,那就是:任何装置在Linux底下都是文件, 不仅如此,连资料沟通的介面也有专属的文件在负责-所以,你会瞭解到,Linux的文件种类真的很多- 除了前面提 ...