Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>qqnews-toolsNew to Visual Studio Code? Get it now.
qqnews-tools

qqnews-tools

airuikun

|
48 installs
| (0) | Free
qqnews-tools
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

qqnews-tools

腾讯新闻前端团队通用代码片段code-snippets,可以通过简单的简写快速生成代码片段,从而提升编码效率。

js代码简写

简写 代码片段
qcs console
qi if
qf for
qd div
qfc function
qst setTimeout
qfe forEach
qfi for in
qfo for of
qip import
qco const
ql let
qcst constant
qe enum
qif interface
qt type
qus useState
que useEffect
qss setState
qrh 函数组件模板代码

css代码简写

简写 代码片段
qcl class选择器
qid id选择器
qbd border

js简写与代码的映射

qcs - console

console.log('1', 1);

qi - if

if () {
  
}

qf - for

for (let i = 0; i < .length; i++) {
  
}

qd - div

<div className={Styles.}></div>

qfc - function

const  = async () => {
  
};

qst - setTimeout

setTimeout(() => {
  
}, 300);

qfe - forEach

array.forEach((e) => {
  
});

qfi - for in

for (const elem in obj) {
  
}

qfo - for of

for (const elem of obj) {
  
}

qip - import

import {  } from '';

qco - const

const a = ;

ql - let

let a = ;

qcst - constant

const DATA_Level = {
  levelOne: 1,
  levelTwo: 2,
};

qe - enum

enum DataLevel {
  levelOne = 1,
  levelTwo = 2,
}

qif - interface

interface InterfaceData {
  paramOne: string;
  paramTwo: number;
  paramThree: boolean;
}

qt - type

type TypeData = {
  paramOne: string;
  paramTwo: number;
  paramThree: boolean;
}

qus - useState

const [a, setA] = useState('');

que - useEffect

useEffect(() => {
  
}, []);

qss - setState

this.setState({ params: 1 });

qrh - 函数组件模板代码

import React, { useEffect, useState } from 'react';

function MyComponent() {
  const [a, setA] = useState('');
  useEffect(() => {
    
  }, []);

  return (
    <div></div>
  );
}

export default MyComponent;

css简写与代码的映射

qcl - class选择器

. {
  
}

qid - id选择器

# {
  
}

qbd - border

border: 1px solid red;

咨询

ruikunai(第一名的小蝌蚪)

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft