Vue之代码自动格式化

用vscode写vue程序，实现代码的自动格式化。

首先安装插件：

然后进行配置：

依次点击顺序：

File----》Preferences----》Settings

然后切换到文本格式，最后拷贝下面的内容

{// vscode默认启用了根据文件类型自动设置tabsize的选项"editor.detectIndentation": false,// 重新设定tabsize"editor.tabSize": 2,// #每次保存的时候自动格式化"editor.formatOnSave": true,// #每次保存的时候将代码按eslint格式进行修复"editor.codeActionsOnSave": {"source.fixAll": true},// 添加 vue 支持"eslint.validate": ["javascript", "vue", "html"],// #让prettier使用eslint的代码格式进行校验"prettier.eslintIntegration": true,// #去掉代码结尾的分号"prettier.semi": false,// #使用带引号替代双引号"prettier.singleQuote": true,// #让函数(名)和后面的括号之间加个空格"javascript.format.insertSpaceBeforeFunctionParenthesis": true,// #这个按用户自身习惯选择"vetur.format.defaultFormatter.html": "js-beautify-html",// #让vue中的js按编辑器自带的ts格式进行格式化"vetur.format.defaultFormatter.js": "vscode-typescript","vetur.format.defaultFormatterOptions": {"js-beautify-html": {"wrap_attributes": "force-aligned"// #vue组件中html代码格式化样式}},// 格式化stylus, 需安装Manta's Stylus Supremacy插件"stylusSupremacy.insertColons": false, // 是否插入冒号"stylusSupremacy.insertSemicolons": false, // 是否插入分好"stylusSupremacy.insertBraces": false, // 是否插入大括号"stylusSupremacy.insertNewLineAroundImports": false, // import之后是否换行"stylusSupremacy.insertNewLineAroundBlocks": false // 两个选择器中是否换行
}

Vue之代码自动格式化相关推荐

vue eslint 代码自动格式化
vue-cli 代码风格为 JavaScript Standard Style 代码检查规范严格,一不小心就无法运行,使用eslint的autoFixOnSave可以在保存代码的时候自动格式化代码 V ...
python代码自动格式化_代码的自动格式化
代码格式化是一个在软件开发过程中值得一提的话题. 所谓代码格式化就是说,程序员在书写代码的过程中或者完成代码开发后对代码书写格式排版的调整,使得已经完成的代码变的更美观整洁也更具有可读性,也能增加完成 ...
小程序——微信开发者工具设置保存后实现代码自动格式化
1.手动Ctrl+Shift+Alt+P 打开命令面板,点击首选项:打开设置里面的代码如下: "editor.fontFamily": "Consolas, 'Cou ...
VSCode Clang代码自动格式化
针对Windows环境下Visual Studio Code的C/C++代码自动格式化. C/C++扩展在VSCode里安装C/C++扩展,扩展程序将自动安装Clang-Format. 在C/Cpp ...
VsCode使用Ctrl+S保存代码自动格式化Html/Css/JS
第一步:点击文件-首选项-设置(快捷键:Ctrl + ,) 第二步:在搜索框里面输入emmet,选择工作区点击在settings.json 中编辑(红色框的地方) 第三步,在settings.js ...
【C++】Clang-Format：代码自动格式化（看这一篇就够了）
文章目录 Clang-format格式化C代码 1.引言&安装 1.1引言 1.2 安装 2. 配置字解释 2.1 language 编程语言 2.2 BaseOnStyle 基础风格 2.3 ...
vscode代码自动格式化快捷键
Visual Studio Code可以通过以下快捷键格式化代码: On Windows Shift + Alt + F On Mac Shift + Option + F On Ubuntu Ct ...
dreamweave代码自动格式化
首先在[编辑]|[首先参数]的"代码格式"中设置好格式: 第一行:勾选.可以选择使用Tab键或空格键填补缩进. 第二行:Tab键所占空位.这个只在DreamWeaver中有影响.不 ...
让你的Tex代码更加美观就这么简单----Tex代码的自动格式化
用TeX编写文档,当文档比较长,结构复杂,公式众多时,感觉写的TeX文本非常凌乱,自己看起来都不舒服. 像C, C++, C#, Java, Python, C#等程序设计语言的源代码都有代码自动格式 ...

Vue之代码自动格式化

Vue之代码自动格式化相关推荐

最新文章

热门文章