这里保存一下vscode的插件和配置信息

{

// 以像素为单位控制字号。

"editor.fontSize": 18,

"files.autoSave": "onFocusChange",

"editor.fontFamily": "monospace, Consolas, 'Courier New'",

"editor.mouseWheelZoom": true,

"editor.showFoldingControls": "always",

"emmet.syntaxProfiles": {

"javascript": "jsx",

"vue": "html",

"vue-html": "html"

},

"git.ignoreMissingGitWarning": true,

"eslint.validate": [

"javascript",

"javascriptreact",

{

"language": "vue",

"autoFix": true

}

],

"eslint.options": {

"extensions": [".js", ".vue"]

},

"editor.renderIndentGuides": true,

"vetur.format.defaultFormatter.ts": "vscode-typescript",

"vetur.format.defaultFormatter.html": "js-beautify-html",

"vetur.format.defaultFormatterOptions": {

"js-beautify-html": {

"wrap_attributes": "auto" // html的多个属性不换行

}

},

"prettier.singleQuote": true,

"prettier.semi": false,

// "prettier.eslintIntegration": true,

"eslint.autoFixOnSave": true,

"editor.tabSize": 2,

"files.associations": {

"*.vue": "vue"

},

"search.exclude": {

"**/bower_components": true,

"**/dist": true

},

"typescript.useCodeSnippetsOnMethodSuggest": true,

"file_peek.activeLanguages": [

"typescript",

"javascript",

"python",

"vue" // 添加vue支持

],

"file_peek.searchFileExtensions": [

".js",

".ts",

".html",

".css",

".scss",

".vue" // 添加vue支持

],

"javascript.format.insertSpaceBeforeFunctionParenthesis": true,

"typescript.format.insertSpaceBeforeFunctionParenthesis": true,

"explorer.confirmDragAndDrop": false,

"explorer.confirmDelete": false,

"vsicons.dontShowNewVersionMessage": true,

"search.location": "panel",

"workbench.activityBar.visible": true,

"fileheader.Author": "jiangyan6",

"fileheader.LastModifiedBy": "jiangyan6",

"workbench.colorTheme": "One Dark Pro",

"fileheader.tpl": "/*\r\n * @Author: {author} \r\n * @Date: {createTime} \r\n * @Last Modified by: {lastModifiedBy} \r\n * @Last Modified time: {updateTime} \r\n * @Desc: 文件名 \r\n */\r\n",

"workbench.editor.enablePreview": false,

"todohighlight.isEnable": true,

"LineCount.excludes": [

"**/.vscode/**",

"**/node_modules/**",

"**/dist/**",

"**/.history/**"

]

}

代码片段配置如下

// javascript.json

{

// Place your snippets for javascript here. Each snippet is defined under a snippet name and has a prefix, body and

// description. 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": {

"prefix": "cons",

"body": [

"console.log($1)"

],

"description": "Log output to console"

},

"Print to jsfn": {

"prefix": "jsfn",

"body": [

"/*\r\n * @Author: jiangyan6 \r\n * @Date: $CURRENT_YEAR-$CURRENT_MONTH-$CURRENT_DATE $CURRENT_HOUR:$CURRENT_MINUTE:$CURRENT_SECOND \r\n * @Desc: $1 \r\n * @param: $2 \r\n * @return: $3 \r\n */\r\n",

],

"description": "js中对函数的注释"

}

}

// vue-code-snippets

{

// 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"

// }

"Print to console": {

"prefix": "vue",

"body": [

"/*"

"* @Author: jiangyan6"

"* @Date: 2018-12-06 15:27:49"

"* @Last Modified by: jiangyan6"

"* @Last Modified time: 2018-12-06 18:53:48"

"* @Desc: xxx页面"

"*/"

"",

"

",

"",

"",

"

"export default {",

" name: '',",

" data () {",

" return {",

" }",

" },",

" methods: {},",

" created () {}",

"}",

"",

"

"",

""

],

"description": "A vue file template"

}

}