Eclipse(Oxygen)環境を初期設定

[hirosejn]

• Eclipse作業フォルダ作成 　C:\Users\A\Desktop\wbat\JavaScript_kashima_201712 　　eclipse起動に伴い、.metadeta、RemoteSystemsTempFiles　が作成される 　※ Google Driveに作成すると、一日100M程度通信していたので、ローカルに作成 　※ パスの途中に半角スペースや全角文字を入れない方がいい（誤動作するツールがあるので）

• Windows / Preferences の設定

  • General / Editors / Text Editors ☑Show whitespace characters (configure visibility) / 以下をオフ：Space-Leading,Enclosed、Carriage Return-全部、Line Feed-全部
  • General / Web Browser ◆Use external web browser を選択 ◆Chrome をチェック　
  • General / Workspace ◆Windows title を全部チェック ◆Text file encoding : UTF-8 　/ Local History　◆Days to keep files ：7 を30に変更
  • JavaScript 　/ Code style / Formatter ◆ Active Profile: を Eclipse[built-in]から、JSLint(JSHint) conventions[built-in]に変更 　/ Editor / Content Assist 　　Auto-Activation ◆　Enable auto activation をチェック 　　/ Save action 　◆ Perform the selected actions on save と Format source codeをチェック
  • Team / Git 　/ Configuration　User Settingsタグ　[Add Entry..]ボタン 　　◆Key : user.email Value : hirosejn@gmail.com 　　◆Key : user.name Value : hirosejn 　/ History ◆ All Branches and Tags をチェック

• Git Perspective 追加

  • Windows / Perspective / Open Perspective / Other... ◆ Git [Open]

• Git Repositories 作成

  • Git Repositories タグ で、アイコン[Clone a Git repository and add the clone to this view ] 選択 　　Git Hub [Next>] -> hiorsejn/HJN [Search] hirosejn/HJNを選択 [Next>] 全Branchをチェック [Next>] 　　Local Destination画面で 　　◆ Directory: C:\Users\A\Desktop\wbat\git\hirosejn\HJN 　　　　初期値C:\Users\A\git\HJN を [Browse]で開くファイルしていダイアログで 　　　　　ディレクトリ C:\Users\A\Desktop\wbat\git\hirosejn まで作成し、HJNをファイル名として指定し[保存] 　　◆ Initial branch : gh-pages 　　◆ Projects / Import all exitsting Eclipse projects after clone finishies をチェック ※1 　　[Finish] 　　-> Git repositories と Project explorer に HJN が表示される

• Project 作成（※1のチェックをしわすれて、Project Explorer に表示されないとき）

  • New(Ctrl+N) / JavaScript / JavaScript Project [Next>] 　　◆Project name : HJN と入力 　　◆Contents / Create new project in workspace をチェック 　　[Finish] 　　-> Project Explorer に HJN が作成される

• Project の Property 設定

  • JavaScript / Editor / JSDoc Location ◆　file:/C:/Users/A/Desktop/wbat/git/hirosejn/HJN/jsdoc/　を指定
  • Project Facets / ◆ JavaScript と Static Web Moduleをチェック
  • Project References ◆ dygraphs をチェック
  • Validation / Enable project specific settings をチェック HTML Syntax Validator の Setting の [...]で、設定画面を開く [Add Exclude Group...]で、Exclude Groupを追加 追加されたExclude Groupを選択し、[Add Rule] Folder of file name を選択[Next>] C:\Users\A\Desktop\wbat\git\hirosejn\HJN\jsdoc を指定-> Folder:jsdocが作成される

[hirosejn]

• JSDOC3 作成

  1. Node.js command prompt 起動　Windowsメニュー / Node.js / Node.js command prompt
  2. jsdoc -c "C:\Users\A\Desktop\wbat\git\hirosejn\HJN\hjn_kashima_jsdoc_conf.json" or jsdoc "C:\Users\A\Desktop\wbat\git\hirosejn\HJN\src" -r -d "C:\Users\A\Desktop\wbatgit\hirosejn\HJN\jsdoc" -t "C:\Users\A\Desktop\wbat\JavaScript_GoogleDrive\jsdoc3\jsdoc3-jsdoc-dd905a2\templates\default_HJNcustom"

• node.jsにパスが通っていること コントロール パネル\システムとセキュリティ\システム -> 設定の変更 -> 詳細設定タグ [環境変数(N)...] PATH=C:\Users\A\AppData\Roaming\npm; C:\Program Files\nodejs\;

  • hjn_kashima_jsdoc_conf.json　の指定パス修正

    {
    "source": {
    "include": ["C:\\Users\\A\\Desktop\\wbat\\git\\hirosejn\\HJN\\src"]
    },
    "opts": {
    "template": "C:\\Users\\A\\Desktop\\wbat\\JavaScript_GoogleDrive\\jsdoc3\\jsdoc3-jsdoc-dd905a2\\templates\\default_HJNcustom",
    "destination": "\\Users\\A\\Desktop\\wbat\\git\\hirosejn\\HJN\\jsdoc",
    "recurese": true,
    "private": false
    },
    "templates": {
    "default": {
        "useLongnameInNav": true
    }
    }
    }

[hirosejn]

eclipse画面を黒くする

• Windows / Preferences の設定
  • General / Appearance / ◆Theme: Dark を選択 ◆Color and Font theme: Classic Theme を選択 [OK]
  • General / Appearance / Colors and Fonts -> Basic /
  • Text Fontを選択 [Edit...]ボタン ◆Consolas 10 を選択 [OK]
  • Match highlight background color を選択 [Edit...]ボタン ◆RGB(128,128,192) に変更（基本色の右上2×2にある ） [OK]
  • Content Assist background color を選択 [Edit...]ボタン ◆RGB(192,192,192) に変更 [OK]
  • Information background color を選択 [Edit...]ボタン ◆RGB(192,192,0) に変更 [OK]

参考　Eclipse エディタの色テーマや表示の設定