windows下搭建electron開發環境


也可以這里下載:https://fossies.org/windows/www/electron-v1.4.5-win32-x64.zip/

先安裝 nodejs

更新源:

 如果是windows,用管理員打開cmd 或者git-cmd

   

  1. npm config set registry "https://registry.npm.taobao.org/"   或者 npm install -g cnpm --registry=https://registry.npm.taobao.org
  2. npm install -g electron 
  3. 可以從淘寶提供的鏡像中安裝替代的包管理器cnpm,該安裝源由淘寶提供和管理,定期與官方源同步,經過測試,下載速度很理想。使用cnpm替代npm,同樣能夠實現開發包管理。但是,如果你還是習慣使用npm進行包管理,那么,可以通過安裝鏡像管理器nrm來在不同的源中無縫切換。

    參考文章

    先用cnpm安裝nrm

    cnpm install -g nrm

    然后

    nrm ls

    能夠看到所有的源

    # npm ---- https://registry.npmjs.org/ # cnpm --- http://r.cnpmjs.org/ #* taobao - http://registry.npm.taobao.org/ # nj ----- https://registry.nodejitsu.com/ # rednpm - http://registry.mirror.cqupt.edu.cn # npmMirror https://skimdb.npmjs.com/registry

    通過

    nrm use cnpm

    可以選擇使用cnpm作為默認的安裝源,此時,使用npm將會默認從淘寶安裝源進行安裝。

  4. 進行Electron開發之前,先要部署開發環境,在有node.js開發環境的基礎上,可以通過npm進行開發環境的安裝。

    安裝有兩種方式

    • 全局安裝

      # Install the `electron` command globally npm install electron-prebuilt -g
    • 當前目錄下安裝

      # Install as a development dependency npm install electron-prebuilt --save-dev

      二者選一個即可。

    安裝完成后建立app目錄,然后將官網的quick-start中的內容分別拷貝到package.json,main.js,index.html下。

    運行命令

    cd app electron .

    即可看到hello world程序運行。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM