标签：插件 extension VsCode vscode Step AutoNumber New
AutoNumber VsCode插件开发
::: details 目录
:::
需要将autoNumber.js脚本改为插件模式，右键就将当前markdown文档格式化
- autoNumber.js 功能：将markdown二级标题
## XXXX. 1: Title的数字自动格式化 - 插件名称: AutoNumber For Vscode
Step. 2: 安装脚手架
先全局安装脚手架
npm install -g yo generator-code
Step. 3: 创建空项目
上代码
yo code
We're constantly looking for ways to make yo better!
May we anonymously report usage statistics to improve the tool over time?
More info: https://github.com/yeoman/insight & http://yeoman.io
我们一直在寻找让你变得更好的方法！
我们是否可以匿名报告使用统计数据，以随着时间的推移改进该工具？
更多信息：https://github.com/yeoman/insight & http://yeoman.io
- 选 N
? What type of extension do you want to create? (Use arrow keys)
> New Extension (TypeScript)
New Extension (JavaScript)
New Color Theme
New Language Support
New Code Snippets
New Keymap
New Extension Pack
New Language Pack (Localization)
New Web Extension (TypeScript)
New Notebook Renderer (TypeScript)
- 选择 New Extension (JavaScript)
- 因为我们就是个js脚本
What's the name of your extension? ()
- 输入 AutoNumber For Vscode
What's the identifier of your extension? (autonumber-for-vscode)
你扩展的id是什么
- 输入回车
What's the description of your extension? ()
扩展的详细信息
- 输入回车
Enable JavaScript type checking in 'jsconfig.json'? (y/N)
在“jsconfig”中启用JavaScript类型检查。json？（是/否）
- 输入 y
? Initialize a git repository? (Y/n)
初始化一个git仓库
- 输入 n
- 先本地搞一个，也不发布
? Which package manager to use? (Use arrow keys)
> npm
yarn
pnpm
- 选择 npm 即可
? Do you want to open the new folder with Visual Studio Code? (Use arrow keys)
> Open with `code`
Skip
- 选择 Open
生成项目文件
.vscode
node_modules
test
.eslintrc.json
.vscodeignore
CHANGELOG.md
extension.js
jsconfig.json
package-lock.json
package.json
README.md
- 按 F5 启动调试, 每次改代码我都要关了再从新F5
Step. 4: 打包发布
全局安装 vsce
npm install -g vsce
Step. 5: 本地打包
打包插件，让修改README.md 改成了这个插件的说明文档后，就可以打包
vsce package
Step. 6: 上传vscode插件库
将自己的插件传到公网上，通过搜索AutoNumber就可以找到我的插件
- publishing-extension
- create-organization
- 实在是太慢了，慢到了就是打不开，最后虽然也打开了，但是我已然有点小崩溃
- 不发布了，谁用谁自己点击下载文件安装吧~
Down. 7: 下载插件
点击插件 右上角... 选择 从VSIX 安装
- 第一个开发vscode插件 还有点小兴奋
- autonumber-for-vscode-0.0.1.vsix 下载
Refer. 8: 参考资料
标签：插件,extension,VsCode,vscode,Step,AutoNumber,New 来源： https://www.cnblogs.com/pengchenggang/p/16647123.html
本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享； 2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关； 3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关； 4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除； 5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。