版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
打开配置文件
- 文件 > 首选项 > 用户代码片段 或者 打开命令面板(Command + Shift + P)键入用户代码片段
- 键入你要配置的脚本语言如javascript,或者选择创建全局代码片段,也可以为当前项目配置专用的片段
配置代码片段
打开配置文件javascript.json,里面已经有示例代码:
// "Print to console": {
// "prefix": "clog",
// "body": [
// "console.log('$1');",
// "$2"
// ],
// "description": "Log output to console"
// }
参数说明:
- Prefix 是使用代码片段时的前缀
- Body 是代码片段的内容
- Description 是代码片段描述
实例
例如我自己配置的一段js
"reactComponent": {
"prefix": "rc",
"body": [
"'use strict';",
"import React, { Component } from 'react';",
"import styles from './index.less';",
"import _ from 'i18n';",
"",
"export default class ${1:Home} extends Component {",
" constructor(props) {",
" super(props);",
" this.state = {",
" $2",
" }",
" }",
"",
" componentDidMount() {",
" ",
" }",
"",
" render() {",
" return <div className={styles.container}>",
" $0",
" </div>;"
" }",
"}",
],
"description": "new React Component"
}
参数说明
${1:Home} 1表示光标第一次所在的位置,Home是默认值,默认第一次会高亮选中Home,方便修改,如果不修改,用TAB可以跳到$2的位置,依次跳转,直到最后光标定位在$0的位置