anq-snippet

常用的一些vscode snippet
snippet生产的网站 https://snippet-generator.app/

对照表

具体解释

• log
  console.log的快捷命令

console.log

• tsrhc
  view entry component， 组件名称为父级目录的名称

import React from 'react';

import styles from './index.module.scss';

export interface SnippetsProps {}

const Snippets: React.FC<SnippetsProps> = () => {
  return (
     <div>hello</div>
  );
};
export default Snippets;

• npc
  next page component， 组件名称为父级目录的名称

import React from 'react';
import Snippets from 'views/snippets';

const SnippetsPage = () => {
  return <Snippets />;
};

export default SnippetsPage;

• ais
  快捷创建anq store文件的页面结构,可以被注入的

import { BaseModel } from '@pdd/anq';
import { injectable } from 'inversify';

@injectable()
export class Index extends BaseModel {
  constructor() {
    super();
  }

  initialize(opt, context) {}
}

• as
  快捷创建anq store文件的页面结构,可以被注入的

import { BaseModel } from '@pdd/anq';

export class Index extends BaseModel {
  constructor() {
    super();
  }

  initialize(opt, context) {}
}

• cst
  className快速写

className={styles.}

• is

import styles from './index.module.scss';

• cx

import cx from 'classnames';