在前端开发中,有一个非常好用的工具,Visual Studio Code,简称VS code。都不用我安利VS code,大家就会乖乖的去用,无数个大言不惭的攻城狮,都被VS code比德芙还丝滑的强大功能所折服。
现在使用Vscode编码的人越来越多,凭借着免费,开源,轻量,跨平台的特点收货了一大批忠实粉丝 最近因项目需要开始使用Vscode,因此做了一番研究,现在把个人的一些小经验分享给大家,首先我们来看看setings.json配置
{ "window.zoomLevel": 1, "vetur.format.defaultFormatter.html": "js-beautify-html", "editor.quickSuggestions": { "strings": true }, "fileheader.customMade": { //此为头部注释 "Description": "", "Autor": "wangDuJuan", "Date": "Do not edit" // "LastEditors": "liujun", // "LastEditTime": "Do not edit" }, "fileheader.cursorMode": { //此为函数注释 "description": "", "param": "", "return": "", "author": "wangDuJuan" }, // 保存时自动格式化 "eslint.autoFixOnSave": true, // 用来配置作用的文件类型 "eslint.validate": [ "javascript", "javascriptreact", { "language": "html", "autoFix": true }, { "language": "vue", "autoFix": true } ], "beautify.config": { "indent_size": 4, //缩进大小,默认4 "indent_char": " ", //缩进字符,默认" " "css": { "indent_size": 2 }, "eol": "n", //end of line,行结尾字符"n" "indent_level": 0, //初始缩进级别 "indent_with_tabs": false, //使用tab缩进,将会覆盖“indent_size”和“indent_char”设置,默认false "preserve_newlines": true, //保留空行,默认“true” "max_preserve_newlines": 10, //一次最多保留多少行的空行,默认10 "jslint_happy": false, //开启jslint-stricter的严格模式(强制开启“space_after_anon_function”选项),默认false "space_after_anon_function": false, //在匿名函数前自动加一个空格,比如function (){},默认false "brace_style": "collapse,preserve-inline", //括号风格,"collapse-preserve-inline", "collapse", "expand", "end-expand", or "none" ,默认“collapse” "keep_array_indentation": false, //保持数组缩进,默认false "keep_function_indentation": false, //保持函数缩进,默认false "space_before_conditional": true, //在条件语句之前保留一个空格,默认true "break_chained_methods": false, //中断多行间的链式方法调用,默认true "eval_code": false, "unescape_strings": false, //解码用xNN编码的可打印字符,默认false "wrap_line_length": 0, //Wrap lines at next opportunity after N characters. (Set zero to ignore wrapping),默认0,下次在n个字符后换行 "wrap_attributes": "auto", //将html属性标签放在新行“auto”,“force”,默认auto "wrap_attributes_indent_size": 4, //html属性标签新行缩进字符数,默认为"indent_size"4 "end_with_newline": false //在文件结尾保证有换行,默认false }, "beautify.language": { "js": { "type": [ "javascript", "json", "typescript" ], "filename": [ ".jshintrc", ".jsbeautify" ] }, "css": [ "css", "scss", "sass" ], "html": [ "htm", "html", "vue" ] }, "[scss]": { }, "[typescript]": { }, "workbench.iconTheme": "vscode-icons", "editor.suggestSelection": "first", "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue", "editor.codeActionsOnSave": { "source.fixAll.eslint": true }, "[vue]": { "editor.defaultFormatter": "HookyQR.beautify" } }
当开发人员谈及XML数据库时,他们往往指的是两个概念:存储XML数据的数据库,利...
DEDECMS文章页加入的链接都默认不是在新窗口打开。百度一下,都是关于FCKeditor...
集成 FCKEditor v2.6(当前为最新版本)的基本步骤如下: 1. 下载FCKeditor 2.6 ...
1. HADOOP背景介绍 1.1 什么是HADOOP 1.HADOOP是apache旗下的一套开源软件平台 2...
在昨日网易的财报电话会议上,网易CEO丁磊表示:中国的安卓分成是全世界最贵的,...
表格如果比较宽,则有可能溢出。 比如有两个div,左和右。如果表格在右边的div中...
Conditional comments work as follows: 复制代码 代码如下: !--[if IE 6]Specia...
1.开发环境 vue+element 2.电脑系统 windows 10 专业版 3.在开发的过程中,我们总...
工作中遇到一个案例,之前没有写过,今儿啃了半个下午硬是给写出来,灰常又成就...
汉诺塔——经典递归问题c语言实现 问题背景 汉诺塔问题是一个经典的问题。汉诺塔...