Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>project-helperNew to Visual Studio Code? Get it now.
project-helper

project-helper

huangzhuangjia

|
350 installs
| (0) | Free
一个辅助项目开发,提升效率的小插件
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

project-helper

简介

辅助平时活动项目开发的小插件,集成包括图片压缩,公共scss mixin智能提示,div-img设置背景图时智能提示当前项目下img列表,右键开发项目快速执行npm start命令,以及常用的代码片段快速生成等等

使用说明

1.右键可查看如下图所示相关命令:可快速运行npm start命令,压缩选中的文件夹里所有图片或者选中单张图片

图片压缩功能基于tinify插件实现的,需在设置中配置密钥,可前往https://tinypng.com/developers获取

2.相关智能提示功能:输入@include按空格可提示公共scss mixin,输入div-img再按出括号可自动提示当前开发项目asstes/img 路径下的图片列表,可选择快速填入背景图信息,如下图所示

3.缩略输入快速生成相关常用的代码片段(这里通过vscode snippets功能,想配多少配多少)

输入 对应代码片段
ma ...mapActions()
ms ...mapState()
mg ...mapGetters()
sts this.$_statistics
to this.$_toast
uti this.$_utils
ipa import api from '@services/api';
ipu import utils from 'UTILS';
ipt import { Toast } from 'COMPONENTS/base/toast';
ipat import Avatar from 'COMPONENTS/base/Avatar';
ipl import Loading from 'COMPONENTS/base/loading';
ips import BaseScroll from 'COMPONENTS/base/BaseScroll';
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft