## vs code 代码格式化整理
2018年05月22日 18:13:16 阅读数:10658 标签: vs code 格式化 快捷键 更多
个人分类: vs code
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/latency_cheng/article/details/80409202
vs code格式化代码的快捷键如下:(来源于这里)
![](https://box.kancloud.cn/6723ed0fa2c9ed1cfac15b2669cd9ef7_321x126.png)
但是自带的格式化并不能满足我的需求,这个时候,不得不说插件大法好。
1、代码格式化为eslint风格(参考自这里)
需要插件:eslint
![](https://box.kancloud.cn/eb209d920c14bc382dcbf7ed329bc254_843x220.png)
在设置中添加:
~~~
"eslint.autoFixOnSave": true,
"eslint.validate": [
"javascript",
"javascriptreact",
{
"language": "html",
"autoFix": true
},
{
"language": "vue",
"autoFix": true
}
],
~~~
eslint.autoFixOnSave 用来进行保存时自动格式化,但是默认只支持 javascript .js 文件。
eslint.validate 用来配置作用的文件类型。
然后在保存代码的时候,就会自动格式化为eslint风格(需要保存多次)。
2、HTML格式化代码缩进
需要插件:Vetur
![](https://box.kancloud.cn/7459d74e57d7f869ef19ce31363d56b8_819x212.png)
Vetur是一个功能非常强大的插件,为 vs code 编写Vue代码提供了强大的支持,也支持大多数主流的前端开发脚本。具体可以看这里->Vetur文档
安装这个插件后,可以在设置中看到如下的内容:
![](https://box.kancloud.cn/91372ec04556e8cae92fcd443fdcca68_685x899.png)
为了让HTML代码可以格式化缩进,添加如下一条:
~~~
"vetur.format.defaultFormatter.html": "prettier"
~~~
然后用格式化代码的快捷键就可以了。
- web 前端知识
- 什么是Vue,
- vue-axios的使用及其中get与post网络请求
- Ajax实现步骤和原理
- 什么是AJAX?
- AJAX的工作原理
- 那如何使用Ajax技术?
- css 新特性
- 什么是深拷贝和浅拷贝
- Vue
- axios封装和使用
- axios基本用法
- Vue-cli 安装
- 布局的时候什么时候用xs,sm,md,lg?
- js.的点击事件
- vue路由传参的三种基本方式
- Vue路由传参与取值的两种方法
- HTML
- html5的新特性
- Html5新增的标签有哪些?
- CSS
- CSS伪类选择器 奇偶匹配nth-child(even)
- 房银-项目
- 服务器网址
- 项目网址
- VS -Code
- Vue 单页应用 的 首屏优化
- 什么是DTO
- JavaScript
- element-ui 表单校验
- JavaScript-2
- JavaScript - Number.isInteger() 方法用来判断给定的参数是否为整数
- JS回调函数--简单易懂有实例
- bootstrap 概念 和使用方法
- react框架- 知识
- react中class xx extends component{}和React.createClass({})的区别?