vscode snippets

lerna 包管理工具维护

  • 创建子包:lerna create <pkgName>
  • 所有子包都添加这个依赖lerna add <moduleName>
  • 给 scope 后的包添加依赖lerna add <moduleName> --scope=<pkgName> --dev
  • 给 pkgName2 中添加 pkgName1,包内的互相引用,会复制 pkgName1 到 pkgName2 中erna add <pkgName1> --scope = <pkgName2>
  • 所有子包更新依赖lerna bootstrap
  • 运行 lerna run 命令可以执行每个包 package.json 里的 script 同名脚本:lerna run start # 执行所有包含有 start 的脚本
    • lerna run start --scope xxx-pk1 # 只执行 xxx-pk1 里的 start 脚本
    • 并行执行标记:--parallellerna run start --scope xxx-pk1 --scope xxx-pk2 --parallel

package 开发手册

  • 全局安装 vscode 构建工具:npm i vsce -g

快速创建一个 snippet

  • npm run snippet <filePath> <commmand>:
    • filePath: 默认值default.vue, 指定src目录下一个文件并转换成符合 snippet 规则的文件,并保存到。/snippets文件下创建xxx.code-snippets文件
    • commmand: 默认值为文件名<fileName>,指 snippet 指令,对应prefix属性
    • 修改xxx.code-snippets文件
    • package.json文件snippets对象中引入

自动导出 README.md 文档

  • npm run build:readme:自动化脚本导出README.md文档

构建一个本地 snippet 插件

  • npm run build: 构建一个xxx.vsix插件,可在扩展中本地安装测试插件

发布市场流程

  • 登录https://dev.azure.com/创建一个publisher账户
  • vsce login <publisher name>: 登录账户输入个人访问令牌
  • vsce publish:发布当前插件