ATOM如何刪除window邊框,而且自定義樣式

做爲前段開發者的神器ATOM,我的以爲邊框是真的醜,果斷下插件進行刪除window自帶的邊框，如圖：

1.

2.刪除邊框須要藉助三個插件

（1）title-bar-replacer
（2）atom-windows-titlebar
（3）asar

3.首先去atom裏面下載好（1）（2）,若是不會下載或者點擊install沒有用。參考

https://www.v2ex.com/amp/t/369533

4.進入到title-bar-replacer設置：

若是你的自帶刪除window變寬能夠刪除那就能夠忽略下邊刪除邊框

關閉ATOM 打開git或者node 打開本身的路徑

1.cd C:\Users\{user}\AppData\Local\atom\app-{version}
2.npm install asar 
3.node toggleframe.js
4.打開ATOM, 看看邊框是否被刪除了

*.若是發現找不到文件的模塊，那就在目錄下建立一個toggleframe.js文件，將內容複製進去保存,再運行node toggleframe.js

`// Setup
    var asar = require('asar')
    var fs = require('fs')
    var appAsarPath = './resources/app.asar'
    var appAsarUnpackedPath = './resources/app.asar.unpacked'
    var atomWindowPath = appAsarUnpackedPath + '/src/main-process/atom-window.js'
    
    console.log('Unpacking ASAR...')
    asar.extractAll(appAsarPath, appAsarUnpackedPath)
    
    fs.readFile(atomWindowPath, 'UTF-8', function(err, contents) {
      // What we are changing
      var changeOff = "if (this.shouldHideTitleBar())"
      var changeOn = "/* (this.shouldHideTitleBar(*/"
    
      // Check if changed before
      var on = contents.indexOf(changeOn) > 0
      console.log('Toggling Frame...' + on)
      on ? fs.writeFile(atomWindowPath, contents.replace(changeOn, changeOff), 'UTF-8', function() {}) :
        fs.writeFile(atomWindowPath, contents.replace(changeOff, changeOn), 'UTF-8', function() {})
    
      console.log('Repacking ASAR...')
      asar.createPackage(appAsarUnpackedPath, appAsarPath, function() {})
    
      console.log('done! Reopen Atom!')
})`

若是你以爲這篇文章對你有幫助就分享出去吧，讓更多喜歡ATOM的程序猿都看到，謝謝