Vusion VSCode Extension
Vusion VSCode Extension
Features
物料平台
因为要触发 hot-reload，目前先判断有没有更改，然后均为即时保存。
页面栏
聚焦项目中的页面和区块，方便添加删除页面及管理路由。
- 页面列表
- 添加枝页面...
- 添加包裹页 LWrapper
- 添加空页面
- 从区块添加
- 添加叶子页面...
- 添加空页面
- 从区块添加
- 添加 Markdown 页面
- 查看路由配置
- 复制 Hash 路由
- 复制 History 路由
- 选中页面的区块
组件栏
聚焦项目中的组件，方便添加、安装和删除。
- 显示项目中组件列表
- 新建文件夹
- 从模板创建...
- 创建区块包
- 创建组件包
- 创建单文件组件
- 创建多文件组件
- 创建含有文档的多文件组件
- 添加组件功能...
- 添加模块 CSS
- 添加 YAML API
- 添加文档
- 添加 package.json
- 删除组件
- 编写组件文档
- 查看 API
- 显示组件库组件列表
- 快速扩展组件...
- 扩展样式（JS+CSS）
- 仅扩展逻辑（JS）
- 覆盖模板（JS+HTML）
- 全部（JS+CSS+HTML）
- 扩展组件为...
- 扩展样式（JS+CSS）
- 仅扩展逻辑（JS）
- 覆盖模板（JS+HTML）
- 全部（JS+CSS+HTML）
- 显示散装组件列表
- 预览组件文档页
Explorer 菜单扩展
- 从模板创建...
- 添加组件功能...
- 快速扩展组件...
- 扩展组件为...
- 单/多文件组件互转
- 安装或运行
Configuration
vusion.block.adding.mergeCode
if (config === 'always-inquire') {
inquire();
} else if (config === 'inquire-not-only-template') {
onlyTemplate -> justAdd();
hasScriptOrStyle -> inquire();
hasAssets -> inquire();
} else if (config === 'as-possible') {
onlyTemplate -> justAdd();
hasScriptOrStyle -> mergeCode();
hasAssets -> external();
} else if (config === 'only-template') {
onlyTemplate -> justAdd();
hasScriptOrStyle -> external();
hasAssets -> external();
} else if (config === 'never') {
onlyTemplate -> external();
hasScriptOrStyle -> external();
hasAssets -> external();
}
Development
install
npm install
watch
直接使用 Webpack 的 watch 模式，这样只需要 Reload VSCode 调试窗口。
npm run dev
package
For localization, use gulp to package.
gulp package
test
npm run test
| |
