1. 程式人生 > >新手學習配置atom編輯器進行安裝插件如script

新手學習配置atom編輯器進行安裝插件如script

http 點擊 tro cnblogs 新手學 img png java 出現

  本人想學一些關於node.js、javascript,初識atom編輯器,通過網上了解到atom編輯器可以支持很多插件。出於通過atom想單獨調試javacript代碼的目的,就想安裝script插件,安裝過程中出現很多錯誤,終於安裝成功。安裝atom插件,我所了解到的有兩種方式,一種是使用atom自帶的install packages,另一種是使用git clone 然後npm安裝。本文主要記錄下自己使用git clone的安裝方法。

  1、安裝node.js,這一套不用多寫多記,網上一搜發現有好多博客、文章教我們如何安裝。(不過建議還是使用淘寶鏡像)。

  2、官網下載,並安裝atom,我發現下載此軟件好慢,但是從單位的網絡環境中下載下來了,於是拷貝到自己的電腦中。(大家有好的途經,麻煩多多支招)。

  3、官網下載,並安裝git。

  4、cmd打開命令行,使用cd命令進入到如下路徑:C:\Users\lenovo\.atom\packages 因人而異,重點是文字加粗加大部分的那個文件夾。

  5、進入GitHub官網,註冊賬號,搜索atom-script,如下截圖:(目前一定要使用最新的Google或者是Firefox瀏覽器,什麽360啦搜狗啦統統放棄)。

技術分享

  6、進入rgbkrk/atom-script下,點擊clone or download 按鈕,並復制路徑。具體如下圖:

技術分享

  7、回到命令行界面,註意命令行的路徑是上文提到的路徑:C:\Users\lenovo\.atom

\packages;在這個路徑下輸入如下命令:git clone https://github.com/rgbkrk/atom-script.git 就能下載atom-script插件。

  8、下載插件完畢後,輸入命令行cd 進入到如下路徑:C:\Users\lenovo\.atom\packages\atom-script。然後使用node.js安裝插件。這裏一定要註意,這裏有個小插曲:網上搜索後都會告訴,配置apm的環境變量,本人配置找到apm的路徑,在環境變量中配置如下: path:C:\Users\lenovo\AppData\Local\atom\app-1.19.0\resources\app\apm\bin;(使用apm -v 驗證)。這是因為安裝atom的時候,已經自帶node.js程序,所以apm是什麽?個人理解就是atom封裝的類似npm的命令工具。apm是什麽其實就是npm,npm想在國內網絡環境用比登天還慢。所以本人就用cnpm安裝,這就是為什麽第一步就要安裝node.js並建議使用淘寶鏡像

。安裝命令行:cnpm install。發現一次不成功就多次cnpm install,結果成功了,類似於重啟電腦的效果。

  9、重新打開atom檢驗是否安裝成功。關於script插件使用ctrl+p 然後會彈出script:RUN 就是安裝成功了。

新手學習配置atom編輯器進行安裝插件如script