タグ付けされた質問 「web-mode」

Webモードをインストールしました。動作しますが、インデントはデフォルトで4つのスペースに設定されているようです。どのように2つのスペースに適切に設定しますか？

13 web-mode 

emacs web-modeを使用していますが、JSファイルのタブが異常に動作しているようです。 タブを2つのスペースにインデントするように設定していますが、インデントが8つのスペースに達すると、Webモードはそれらをタブに変換し、次に別の8つに達するまでタブ2スペースを続け、それを別のタブに変換します。 これが起こらないようにして、emacs / web-modeにスペースのインデントのみを指示することはできますか？ 編集： 次に、ネストされた関数の例を示します。 (function() { function() { function() { function() { function() { // Indenting problem. } } } } })() Emacsでは明らかに問題なく表示されていますが、インデントの問題はこちらで確認できます。 これはjavascript-modeでも発生することに注意してください。

10 indentation  web-mode 

（Evilの）挿入モードweb-modeとphp-mode挿入モードの両方で使用するキーバインディングのセットがあります。set-local-mapなんか使えないので。通常モードでは、同じキーが他のコマンドを呼び出すためです。したがって、バインディングはアクティブである必要があるevil-insert-state-mapだけです。 私は以下を持っています： (eval-after-load 'php-mode '(progn (define-key evil-insert-state-map (kbd "C-<next>") (lambda () (interactive) (insert " = "))) (define-key evil-insert-state-map (kbd "C-<prior>") (lambda () (interactive) (insert "->"))))) (eval-after-load 'web-mode '(progn (define-key evil-insert-state-map (kbd "C-<next>") 'zencoding-expand-yas) (define-key evil-insert-state-map (kbd "C-<prior>") 'zencoding-expand-line))) したがって、web-modeまたはphp-modeロードされるたびに、これらのキーバインディングがアクティブになります。 問題は次のとおりです。私が2つのオープンバッファーを持っているphp-modeとしweb-modeます。ときにweb-modeバッファがカレントバッファであると私はだ別のバッファに切り替えphp-mode、web-modeバインディングはまだ内部のアクティブなphp-modeバッファ。 私が使用してこの問題を解決しようとした(add-hook 'web-mode-hook [...])と(add-hook 'php-mode-hook [...])の代わりにバインディングを設定しますeval-after-load。しかし、その解決策はこの状況では機能しません。 助言がありますか？とても感謝しております。

9 key-bindings  evil  web-mode  php-mode 

何らかの理由で、私の反応ソースファイル内のhtml / jsxは、常に次のようにインデントしたい、つまりほとんどインデントがありません。 return ( <DateRangePicker ranges={this.state.ranges} startDate={this.state.startDate} endDate={this.state.endDate} onApply={this.applyEvent}> <Button className="selected-date-range-btn" style={{width : '250px'}}> <div className="pull-left"> <Glyphicon glyph="calendar"/> </div> <div className="pull-right"><span>{label}</span></div> </Button> </DateRangePicker> ) 私が本当に欲しいのは次のようなものです： <DateRangePicker ranges={this.state.ranges} startDate={this.state.startDate} endDate={this.state.endDate} onApply={this.applyEvent}> <Button className="selected-date-range-btn" style={{width : '250px'}}> <div className="pull-left"> <Glyphicon glyph="calendar"/> </div> <div className="pull-right"><span>{label}</span></div> </Button> </DateRangePicker> これは、htmlモードまたはwebモードを有効にしてhtml / jsxをスクラッチバッファーにコピーするときに取得するインデントです。ご覧のとおり、インデントははるかに読みやすく、HTMLモードでもWebモードでも、このように機能します。 このようにhtml / …

8 indentation  web-mode  html 

Webモード20161003.1327を使用しています Webモードでリージョンにコメントを付けるとき、このようにコメントします。 /* import chai from 'chai'; * import 'babel-polyfill'; * import configureMockStore from 'redux-mock-store'; * import thunk from 'redux-thunk'; * import * as ActionTypes from '../actions/ForecastActions'; * * const expect = chai.expect; * * const middlewares = [ thunk ]; * const mockStore = configureMockStore(middlewares); * * / これは、セクションのみのコメントを解除するのには適していません。 …

7 web-mode