1

JavaScript と CSS の簡単なスニペットを探しています。のようなものなfunctionので、オートコンプリートを押して、関数名、引数、および内容をタブで移動できます。私はこのようなものを見つけることができないようですか？jQuery用にこれを持っているのもいいでしょう。入力時に提案が表示されるいくつかの IDE と、使用しているメソッドに関するドキュメント (引数など) を見てきました。jQuery や JavaScript 用にこのようなものはありますか? 最後に、CSS に適したものはありますか? 私が見つけたように見えるものはすべて、 for のようなショートカットを提供するだけvhですvisibility: hidden;。これは私が欲しいものではありません！Sublime に自分が書いている言語を知ってもらいたいだけです。

CSS などのデフォルト パッケージの中を見ると、スニペットが定義されています。たとえば、 と のスニペットmargin-topですmargin-bottom。しかし、それらはそれぞれのタブトリガーですmargin。margin-top行のどこかにor margin-bottomandを書き、タブを押して値に移動できるようにしたいだけです（その後にセミコロンを付けます）。「近道」はいらない。

4

3 に答える 3

2

これは、「Packages\User」ディレクトリに保存されている Sublime Snippet を使用して行うことができます。

例えば;

ファイル名

function.sublime-snippet

コンテンツ

<snippet>
    <content>
    <![CDATA[

    ${1:private} function ${2:name}(${3:argument}) {
        ${4:content}
    }

    ]]>
    </content>
    <tabTrigger>function</tabTrigger>
    <description>Function</description>
    <scope>source.php</scope>
</snippet>

これを GitHub プロジェクトに追加しました。このプロジェクトには、使用できる便利なスニペットが多数含まれています。GitHub プロジェクトを「Packages\User」ディレクトリにチェックアウトするだけです。

margin-top の例では、次のようなスニペットを設定します。

<snippet>
    <content>
    <![CDATA[margin-top: $1;]]>
    </content>
    <tabTrigger>margin-top</tabTrigger>
    <description>Margin Top</description>
    <scope>source.css</scope>
</snippet>

私が非常に便利だと思うのは、jQuery CDN スニペットです。これにより、jQuery、jQuery UI、および jQuery UI CSS のセットアップが非常に迅速になり、完全なフォールバックが可能になります。

私のスニペットに自由に貢献してください: https://github.com/olimortimer/sublime-snippets

于 2012-05-30T15:11:38.150 に答える
0

SublimeCodeIntelパッケージをお試しください：

https://github.com/Kronuz/SublimeCodeIntel

JavaScriptとCSSの両方が含まれています。

于 2012-05-30T01:23:00.060 に答える
0

GitHubで利用可能な CSS、JavaScript、および jQuery の補完があります。

既存の CSS スニペットが邪魔になるので、Packages/CSS フォルダーからすべて削除します。

私のものには多くの機能が含まれています。たとえば、(CSS で) 色に 'b' を入力すると 'blue' が生成されますが、'bl' を入力すると 'black' が生成されます。また、HTML で「alert()」に対して「aler」をトリガーすると、「window」が先頭に追加されます。(まだ変数がアタッチされていない場合)。

また、補完がすぐに表示されないように、オートコンプリートの遅延も調整します。

jQuery 補完には、jQuery 構文 (tmLanguage) ファイルが必要です。または、スコープ「source.js」を使用するようにファイルを変更して、すべての「.js」ファイルに表示されるようにします。

(CodeIntel パッケージは古く、メンテナンスされていません。)

于 2012-06-06T14:53:01.300 に答える