vue 项目 webstrom IDE格式化代码规则遵循eslint设置

首先vue-cli生成了一个项目，开启了eslint的检测，

但是根据webstorm的快捷格式化代码 ctrl+alt+L会造成eslint报错。

解决办法一：

编辑器打开文件

首先，在编辑器里面要启用eslint 插件

在 .eslintrc.js 上右键，菜单底部有一个 "Apply ESLint Code Style Rule" 点它，之后自动格式化就会按照 eslint 的规则了

解决办法二：

webstorm 设置页面->Editor->Code Style
里面的JavaScript右上有一个set from ,

我设置成了我想要的Standard风格,

然后HTML里面Other选项卡里面有个Do not indent children of ,加一个script,然后保存格式化

vue 项目 webstrom IDE格式化代码规则遵循eslint设置相关推荐

Vue 项目中高亮格式化 xml 代码
效果演示安装插件 $ npm install highlight.js --save 代码实现 xml原文如下: <?xml version=\"1.0\" encodin ...
vue3项目使用prettier格式化代码
因为开了新项目,所以用了vue3 ,并且选了Prettier 1.先在 vscode安装 Prettier - Code formatter 2.在项目根目录创建:.prettierrc.js mo ...
vue项目配置 webpack-obfuscator 进行代码加密混淆
背景公司代码提供给第三方使用,为了不完全泄露源码,需要对给出的代码进行加密混淆,前端代码虽然无法做到完全加密混淆,但是通过使用 webpack-obfuscator 通过增加随机废代码段.字符编码转 ...
vue项目加入百度统计代码-统计网站浏览数据
申请百度统计账号,地址:https://tongji.baidu.com/sc-web/ 在vue项目的index.html文件中,加入两块js代码 <script>var _hmt = ...
vue项目中,接手别人代码的，如何去分析？
首先拿到别人的代码的时候去分析以下几个事情.这里使用VUE项目举例, 一.首先观察package.json 看看是否是脚手架搭建,以及跑项目命令.分析是脚手架几 2 ? 3 ?4? npm run d ...
编辑器eslint格式_VScode格式化代码，开启ESlint代码检测方法，eslint代码配置
ESlint:是用来统一JavaScript代码风格的工具,不包含css.html等. 背景: 近来研究前端,然后一直在百度上找VScode格式化(ESlint)的插件,结果找了半天都不靠谱.目前没有 ...
Vue项目实战：接口错误拦截与环境设置
(一)接口错误拦截使用场景: 统一报错未登录拦截请求值.返回值统一处理使用axios插件进行拦截: 安装axios npm i axios --save-dev 在main.js文件中加入: ...
vue项目，svn提交代码时忽略node_modules文件夹提交。
1.进入项目文件 2.右键空白处 3.选择 TortoiseSVN -> Properties 4. 5.点击new 选择 other 6.选择svn:global-ignores 然后在 pr ...
vue 时间回显格式化_VSCode 开发Vue必备插件
1.Vetur -- 语法高亮.智能感知.Emmet等包含格式化功能, Alt+Shift+F (格式化全文),Ctrl+K Ctrl+F(格式化选中代码,两个Ctrl需要同时按着) 2.EsLin ...

vue 项目 webstrom IDE格式化代码规则遵循eslint设置

vue 项目 webstrom IDE格式化代码规则遵循eslint设置相关推荐

最新文章

热门文章