VSCode

设置根据屏幕宽度自动换行

Code -> Preferences -> Settings，输入editor.wordWrap

设置代码片段

Code -> Preferences -> User Snippets

Vue

{
	// Place your global snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and 
	// description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope 
	// is left empty or omitted, the snippet gets applied to all languages. The prefix is what is 
	// used to trigger the snippet and the body will be expanded and inserted. Possible variables are: 
	// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. 
	// Placeholders with the same ids are connected.
	// Example:
	// "Print to console": {
	// 	"scope": "javascript,typescript",
	// 	"prefix": "log",
	// 	"body": [
	// 		"console.log('$1');",
	// 		"$2"
	// 	],
	// 	"description": "Log output to console"
	// }
	"vue": {
        "prefix": "vue",
        "body": [
            "<template>",
            "\t<div class=\"\"></div>",
            "</template>",
            "<script>",
            "export default {",
			"\tname: '${1:${TM_FILENAME_BASE/(?:^|-)(\\w)/${1:/upcase}/g}}',",
			"\tdesc: '',",
            "\tcomponents: {},",
            "\tprops: {},",
            "\tdata () {",
            "\t\treturn {$2};",
            "\t},",
            "\tcomputed: {},",
            "\twatch: {},",
            "\tmethods: {},",
            "\tcreated () {},",
            "\tmounted () {}",
            "};",
            "</script>",
            "<style lang=\"less\" scoped>",
            "$0",
            "</style>"
        ],
        "description": "聊天前端vue文件脚手架"
    }
}

async/await

{
	// Place your global snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and 
	// description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope 
	// is left empty or omitted, the snippet gets applied to all languages. The prefix is what is 
	// used to trigger the snippet and the body will be expanded and inserted. Possible variables are: 
	// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. 
	// Placeholders with the same ids are connected.
	// Example:
	// "Print to console": {
	// 	"scope": "javascript,typescript",
	// 	"prefix": "log",
	// 	"body": [
	// 		"console.log('$1');",
	// 		"$2"
	// 	],
	// 	"description": "Log output to console"
	// }
	"async": {
        "prefix": "async",
        "body": [
			"async method () {",
			"\tif () {",
			"\t\tconst params = {",
			"\t\t};",
			"\t\ttry {",
            "\t\t\tconst json = await this.$$axios.post('', params);",
            "\t\t} catch (e) {",
			"\t\t\tthis.$$message.error(e.message || '失败');",
			"\t\t} finally {",
			"\t\t}",
			"\t}",
			"}"
        ],
        "description": ""
    }
}