# vscode-qw-dev-env-pack

**Repository Path**: qwhacker/vscode-qw-dev-env-pack

## Basic Information

- **Project Name**: vscode-qw-dev-env-pack
- **Description**: 我的vscode开发环境
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-05-17
- **Last Updated**: 2021-05-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 定制Extension Pack
## 把自己想要的插件打包在一起，一次安装所有插件

VS Code自身提供了一种叫Extension Pack的插件，这种插件的目的就是为了汇集一批插件到一起而设计的，安装了一个Extension Pack就会自动安装Pack内的全部插件。

``` 
# 通过npm安装Yeoman和VS Code Extension Generator
npm install -g yo generator-code

# 操作之前，确认vscode已经添加到path
yo code
```

选择：New Extension Pack，然后回复y，填写一些信息，扩展名（vscode-qw-dev-env-pack）

确认是否获取已安装的插件 y/n
``` 
cd vscode-qw-dev-env-pack 

code .
``` 
工程目录如下：
``` 
tree -a -L 1
.
├── .git
├── .gitattributes
├── .gitignore
├── .vscode
├── .vscodeignore
├── CHANGELOG.md
├── README.md
├── package.json
└── vsc-extension-quickstart.md
``` 
CHANGELOG.md 发布变更记录，在Visutal Studio Code Marketplace的详情页中有该文件的链接。

README.md 在Visutal Studio Code Marketplace的扩展详情，作用类似GitHub Page。

package.json 扩展的manifest文件，定义了扩展的相关属性。extensionPack中就是pack的插件，可自行编辑添加和删除插件

vsc-extension-quickstart.md 针对生成的工程中文件的简易说明文档。

``` 
# 安装打包发布工具
npm install -g vsce

# 打包，生成.vsix文件，（package.json中需要配置publisher，如："publisher":"qwhacker"，README.md需要重新编辑）
vsce package
``` 
此时即可通过vsix安装插件了，如果想要发布到微软的Visual Studio Code Marketplace

注册账号，获取token，在页面右上角用户设置中的Personal access tokens
https://dev.azure.com/qwhacker/_usersSettings/tokens

your-publisher-name必须是字母数字下划线，这是全网唯一的账号，然后会依次要求输入昵称、邮箱、令牌：如qwhacker
``` 
# 创建publisher
vsce create-publisher qwhacker

# 登录publisher
vsce login qwhacker

# 发布插件
vsce publish

# 增量发布，版本号自动变更
vsce publish patch

# 取消发布
vsce unpublish (publisher name).(extension name)
```