功能

• html/ts 中显示 i18n key 对应的翻译
• html/ts 中跳转 i18n key 到对应的翻译 ts 文件
• html/scss 选择器互跳转
• 按照规范格式化 html 代码
• scss 补全
• scss 中显示变量对应的值
• scss 值自动 fix（单个、全部）
• scss import 检测
• 格式化 module.ts 属性顺序
• 生成单测框架代码（支持 Component、Directive、Pipe、Service、Module）
• 检测 ngModule 重复的导入（by @王超）
• i18n 补全提示

SCSS 补全说明

默认智能提示，需要显式触发，请输入 . 或者 $。

TODO

• i18n f2

开发

npm install -g yo generator-code
# 用于打包
npm install -g vsce
npm install

还需要安装 es-lint、TypeScript + Webpack Problem Matchers 这两个 vscode 插件。

打开 src/extension.ts 文件，按 F5 启动。

发布

如需登录请执行 vsce login qf-frontend；如果提示需要 token，请复制粘贴 token 文件下的内容

npm run publish

API 参考

https://code.visualstudio.com/api