StimulusJS Snippets for VS Code是一套旨在简化StimulusJS开发的实用代码片段。无论您是使用Webpack还是Ruby on Rails的Hotwire，这些代码片段都能帮助您快速生成控制器模板和初始化代码，提升开发效率。

特别感谢：

• 感谢Nejdet Kadir Bektaş为Hotwire添加了专用代码片段。

可用代码片段：

目前，我们提供以下代码片段：

• sc：为Webpack创建StimulusJS控制器模板

生成代码如下：

import { Controller } from 'stimulus'

export default class extends Controller {
  // static targets = [ 'test' ]

  connect() {
    console.log('Hello from my_controller.js')
  // console.log(this.testTarget)
  }
}

• si：为Webpack初始化StimulusJS

生成代码如下：

import { Application } from "stimulus"
import { definitionsFromContext } from "stimulus/webpack-helpers"

// init for Stimulus
const application = Application.start()
const context = require.context("./controllers", true, /\.js$/)
application.load(definitionsFromContext(context))

• sch：为Ruby on Rails和Hotwire创建StimulusJS控制器模板

生成代码如下：

import { Controller } from '@hotwired/stimulus'

export default class extends Controller {
  // static targets = [ 'test' ]

  connect() {
    console.log('Hello from my_controller.js')
  // console.log(this.testTarget)
  }
}

• sih：为Ruby on Rails和Hotwire初始化StimulusJS

生成代码如下：

import { Application } from "@hotwired/stimulus"
import { definitionsFromContext } from "@hotwired/stimulus-webpack-helpers"

window.Stimulus = Application.start()
const context = require.context("./controllers", true, /\.js$/)
Stimulus.load(definitionsFromContext(context))

这些代码片段旨在帮助开发者快速搭建StimulusJS项目，提高开发效率。无论您是新手还是经验丰富的开发者，都能从中受益。