sublime text3 -- JavaScript Completions

　　今天在使用sublime text3時，它 智能 的自動安裝了一個插件，JavaScript Completions。一般插件都是為了提高開發效率的，於是百度搜了一下用法。

　　相關說明很少，package control的文檔描述如下：https://packagecontrol.io/packages/JavaScript%20Completions#on-hover-description。

　   最好去看一下，有動畫，更容易理解。（雖然是英文文檔）

      該插件依賴於node.js，需要特別注意默認情況下禁用 jQuery和nativescript completion。

　　主要功能：

　　1.快捷提示

　　

　　

　　2. 查看相關函數等的簡單說明描述

　　

　　

　　3.鼠標懸停說明

　　只需將光標放在一個函數，屬性或構造函數的名稱上，便會顯示。F=功能，P=屬性，C=構造函數。

      

　　4.查看js執行結果，默認在“use strict”環境下，通過執行-eval、-print模式

　　

　　

　　5.兼容性查看，“can i use?”，可以在HTML、CSS、JS上下文中使用此功能。快捷鍵：Ctrl+Alt+W

      　`　　　　

　　

　　

　　6.JSDoc功能，需要npm，可參考 https://github.com/jsdoc3/jsdoc

　　包括：數組排序、生成類、if-else、for、while、拼接字符串等

      

　　

　　

 

　　以下是我練習的代碼，感興趣的，可以復制了測試一下，個人感覺部分功能還是很不錯的，比如兼容性。^_^

// 鼠標懸停 函數、構造函數等的匹配項
var a = new Array(5);

// 執行，查看結果
var arr = ["hello", "world!"]
console.log(arr.join(" "))

// querySelect  兼容性
var element = document.querySelect('#id');

// 排序
var num = [1, 3, 9, 0, 10, 4, 5];
var letters = ['z', 'w', 'cc', 'w', 'bbb', 'caac', 'aas', 'aaaz'];

// 生成類
var Person = {
    name: 'required',
    email: 'required',
    age: 18
}

// if/for/while/try
var a = 5;
var b = 10;
console.log(a + b);

// if-else 
var a = 10;
var a = 7;

// 字符串分割成變量
" line 1 \
line 2 \
line 3 \ 
"