Emotion Snippets 1.1.2

Emotion Snippets for React是由iJS开发的专为React应用设计的Emotion.js代码片段工具，旨在让您的编码过程更加高效和有趣。我们非常感谢您尝试使用这款工具，希望它能在您的开发过程中带来便利和乐趣。

即将推出动画功能，敬请期待！

我们热烈欢迎您的pull request，共同完善和提升Emotion Snippets。

安装步骤：

• 打开命令面板（Ctrl Shift P 或 ⌘Cmd Shift P），输入"Install Extensions"（或从侧边栏导航到扩展选项卡）。
• 在搜索框中输入"iJS"，选择Emotion Snippets。
• 安装扩展（可能需要重新启动VS Code）。
• 泡杯咖啡，吃块饼干，庆祝一下，尝试展开一些emotion.js代码片段吧！

支持的语言及文件扩展名：

• JavaScript (.js)
• TypeScript (.ts)
• JavaScript React (.jsx)
• TypeScript React (.tsx)

Emotion.js代码片段内容：

我们提供了丰富的Emotion.js代码片段，每个片段都有特定的触发器（以⇥表示TAB键）：

我们会持续添加更多代码片段，敬请关注！

展开的代码片段示例：

• imecn - 从@emotion/core导入ClassNames

import { ClassNames } from "@emotion/core";

• imecss - 从@emotion/core导入css

import { css } from "@emotion/core";

• imej - 导入emotion jsx属性

// 以下注释行是必需的，它告诉babel如何正确转换
/** @jsx jsx */
import { jsx } from "@emotion/core";

• imejcss - 导入emotion jsx和css属性

// 以下注释行是必需的，它告诉babel如何正确转换
/** @jsx jsx */
import { jsx, css } from "@emotion/core";

• imesc - 从emotion/styled导入styled（需要安装包）

import styled from "@emotion/styled";

• imeusthm - 从emotion-theming导入useTheme（需要安装包）

import { useTheme } from "emotion-theming";

• ecss - 声明一个emotion css样式变量

const style| = css`
  |
`;

• eobjcss - 声明带对象样式的emotion css样式变量

const objectStyles| = css({
    |
})

• eusthm - 使用emotion-theming的useTheme()声明主题

const theme = useTheme();

• sc - 声明styled组件

const sc| = styled.div`
  |
`;

• scw - 用emotion styled组件包装自定义组件

const sc| = styled(CustomComp|)`
  |
`;

发布说明：

[1.1.2] - 2020年3月4日

• [重大变更]：最终重命名基础代码片段

[1.1.1] - 2020年3月4日

• 修复：ecn → | 修复拼写错误以正确关闭ClassNames元素

[1.1.0] - 2020年3月4日

• [重大变更]：重构大多数代码片段为更短版本

[1.0.2] - 2020年3月4日

• 新增：eimpclnm → | 从@emotion/core导入ClassNames
• 新增：eclnm → | 创建带渲染属性的ClassNames HOC
• [重大变更]：将所有em代码片段实例重命名为e
• 删除：stprop

[1.0.1] - 2020年3月3日

• 变更：为styled组件定义添加文件名基础

[1.0.0] - 2020年3月3日

• 新增：代码片段包括从@emotion/core导入css、从emotion导入styled、声明styled组件、声明用styled组件包装的自定义组件、通用属性模板字面量解构、从emotion导入useTheme、使用emotion的useTheme()声明主题、声明emotion css样式变量、声明带对象样式的emotion css样式变量、导入emotion jsx属性、导入emotion jsx和css属性
• 首次发布Emotion Snippets

祝您使用愉快！ Scott Agirs