vue-cli4配置代码编辑风格

1、在项目中新建.editorconfig文件

在项目目录中,即与src文件夹同级目录下,创建名字为.editorconfig的文件

2、在创建的.editorconfig文件中配置

root = true    # 告诉EditorConfig插件,这是根文件,不用继续往上查找

[*]    # 匹配所有文件

charset = utf-8    # 设置编码

indent_style = space    # 缩进风格,可选space tab

indent_size = 2    # 缩进的空格数

end_of_line = lf    // 结尾换行符,可选"lf"、"cr"、"crlf"(系统差异)

insert_final_newline = true    // 是否在文件的最后插入一个空行

trim_trailing_whitespace = true    // 是否删除行尾的空格

注意:vscode 下载依赖插件"EditorConfig for VS Code"

.editorconfig才会起作用。

(0)

相关推荐

  • Vue-Cli脚手架搭建详细步骤

    vue-cli这个构建工具大大降低了webpack的使用难度,支持热更新,有webpack-dev-server的支持,相当于启动了一个请求服务器,给你搭建了一个测试环境,只关注开发就OK. 1.安装 ...

  • 关于vue项目的文件组织

    最近参与了好几个项目,都是以vue-cli脚手架生成的项目,参与完成之后,有点关于项目文件组织的看法,很想聊聊. 关于目录 由vue-cli脚手架生成的项目,都会生成一个基本的目录格式. 类似于这种, ...

  • 一个巧合,我把文档写进了代码里

    最近因为公司业务的调整,项目需要开发大量的业务组件.高复用逻辑提供给客户使用.当各类组件.代码多了以后,加上团队内几个成员书写习惯.开发思想的不同,出现了好多问题.尤其两个问题最严重: 大量的业务组件 ...

  • 用后台开发的逻辑理念学习VUE

    前言 近些年前端开发快速发展,现在学习前端已经不像以前那样仅仅学习一个语法就可以了,它已经是一门编程技术了,它们有自己独立的类似Main函数的入口,有像MVC一样规范好的层次结构,有自己的开发工具可以 ...

  • vue系列教程之微商城项目|项目初始化

    vue系列教程之微商城项目|项目初始化

  • Terminal怎么停止VUE项目

    开启vue项目不关闭的后果 问题描述:新手使用idea或webstorm工具开发vue,使用Terminal命令行npm run dev 运行项目,无法输入命令关闭比项目解决方案:打开Terminal ...

  • 【vue系列之一】使用vue

    最近更新了webpack配置详解,可移步vue-cli webpack详解 对于Vue.js来说,如果你想要快速开始,那么只需要在你的html中引入一个<script>标签,加上CDN的地 ...

  • Sourcetail 一款代码编辑神器,让看源码如丝般顺滑

    小麦大叔 67篇原创内容 Official Account 大家好,我是小麦,上一次的文章<一个超级实用的源码阅读小技巧>,我简单提到通过gcc+egypt+graphviz(dot)这三 ...

  • vue cli4 使用 postcss-px-to-viewport 实现vw适配

    安装 postcss-px-to-viewport npm install postcss-px-to-viewport --save-dev 在项目的根目录下创建一个 postcss.config. ...

  • 音乐底图//代码编辑

    音乐底图//代码编辑

  • 推荐14个牛逼的代码编辑网站,记得收藏哦!

    程序员涨点薪吧 今天 今天我将跟大家分享一些可以展示你代码的网站,它们都提供在线预览功能,所以别人可以看到你的代码如何运行.它们有时候也被称作"代码广场". 它们不仅仅提供简单的代 ...

  • 中国改革报王林强组稿编辑风格:求新、求实、求美

    偶然机会,幸识中国改革报王林强,看到他以中国改革报"本报记者"发表的一些稿件,以及撰写的一些评论,颇有见地.体现出求新.求实.求美的追求. 新闻是"易碎品".在 ...

  • excelvba代码编辑视频:如何编辑单元格引用方法

    excelvba代码编辑视频|vba代码如何编辑视频|编辑vba单元格引用视频|vba代码编辑方法视频 本视频教程由部落窝教育分享.

  • vue cli4构建基于typescript的vue组件并发布到npm

    基于vue cli创建一个vue项目 首先安装最新的vue cli脚手架, npm install --global @vue/cli npm WARN optional SKIPPING OPTIO ...

  • Vue/Cli4 引用静态图片

    前言 本教程适用于 Vue-Cli v3 v4 网上教程零零散散,所以这里我作一下总结,可能与您的代码有所偏差,希望指出,但是勿喷.谢谢! 准备 由于安的包比较多,所以,在我印象中这个教程安装这两个就 ...

  • 干货 | 怎样让 I/O 口配置代码更简洁

    我DIY用了好几款STM32了(碰巧都是F0和F4系列的,没有用F1系列.F1系列的GPIO寄存器表有所不同,不能直接用本文的代码),每新做一块PCB,或者在Nucleo上试不同的应用,差不多都要把I ...