diff --git a/.vscode/components_schemas.code-snippets b/.vscode/components_schemas.code-snippets
new file mode 100644
index 00000000..86fcf729
--- /dev/null
+++ b/.vscode/components_schemas.code-snippets
@@ -0,0 +1,23 @@
+{
+	"[schema-31] New Connected Component with decorators": {
+		"scope": "javascript",
+		"prefix": "newConnectedComponent",
+		"description": "Create a new react component with default schema for ycore-schema31",
+		"body": [
+			"import React from 'react'",
+			"import * as antd from 'antd'",
+			"import { connect } from 'umi'",
+			"",
+			"@connect(({ app }) => ({ app }))",
+			"export default class ${1:NewComponent} extends React.Component{",
+			"\trender(){",
+			"\t\treturn(",
+			"\t\t\t<div>",
+			"\t\t\t\t",
+			"\t\t\t</div>",
+			"\t\t)",
+			"\t}",
+			"}",
+		]
+	}
+}
\ No newline at end of file
diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 00000000..afb940f2
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "discord.enabled": true
+}
\ No newline at end of file