Vue严格模式处理项目中Eslintrc 输入运行命令自动打开浏览器

王懿诺

已于 2022-02-20 21:31:30 修改

阅读量360

点赞数

分类专栏： vue 文章标签： vue.js javascript 前端

于 2022-01-22 19:27:46 首次发布

本文链接：https://blog.youkuaiyun.com/TodayStartWJH/article/details/122642134

版权

本文介绍了如何在Vue项目中启用严格模式，并通过Eslintrc配置，实现运行命令时自动打开浏览器。操作包括在根目录创建.prettierrc和.eslintrc.js文件，以及在package.json中设置相关命令。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.在根目录文件夹下创建.prettierrc

{
   
	//取消分号
  "semi": false,
  	//用单引号表示字符串 
  "singleQuote": true
}

2.在根目录文件夹下.eslintrc.js

module.exports = {
   
	root: true,
	env: {
   
		node: true,
	},
	extends: ['plugin:vue/essential', '@vue/standard'],
	//

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

王懿诺

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

使用 Vue CLI 创建 Vue.js 项目的详细指南

chaosweet的博客

12-31

1874

千里之行，始于足下。

自己练习的vue项目

09-17

在Vue项目中，由于我们可能使用了诸如箭头函数、模板字符串等现代JS特性，`.babelrc`确保这些特性能在老版本浏览器中正常运行。 2. `config`：这个目录通常包含Vue CLI项目的配置文件，比如`index.js`，用于设置...

参与评论您还未登录，请先登录后发表或查看评论

chrome-eslint:Chrome扩展程序可在当前网页上运行ESLint

04-27

Chrome ESLint 一个Chrome扩展程序，用于在当前页面中的所有脚本上运行。为什么？通常，ESLint用于开发环境中，以确保您的代码通过样式指南和规则。通常，在部署之前通常会缩小JavaScript。那么，为什么要在已部署的页面上运行ESLint并可能使用缩小JavaScript？答案是，某些JavaScript可能已添加到您的常规构建过程之外的页面中，例如第三方分析脚本，并且您希望在页面上添加整个JavaScript集。例如，您可能需要调试一个生产问题，其中两个不同的第三方脚本正在写入同一全局变量。此扩展可以为您显示设置全局变量的所有代码，因此您可以快速找到哪些两个库发生冲突。安装此扩展程序可以使用，但尚未发布到Chrome网上应用店。如果您知道自己在做什么，则可以将其作为未打包的扩展程序加载。这个怎么运作扩展程序扫描页面中JavaScript

Eslint的严格模式

weixin_43228393的博客

07-01

6568

Vue脚手架中创建的项目时到这一步骤, 一个顺手选了一个Eslint + standard config 了,从此走上了寻找"关闭严格模式"的路上有人推荐在.gitignore配置文件中: src/ .DS_Store node_modules /dist /src 这个确实能屏蔽Eslint的严格模式,添加屏蔽目录之后,需要重启运行项目,但是要知道.gitignore中添加项目文件夹主要是为了不上传这些文件夹中的内容,比如node_modules文件夹中的依赖文件,就不需要上传,用这种方法屏蔽了src

Vue中，如何优雅地解决 eslint 校验问题？一行代码搞定！！

最新发布

2301_76849350的博客

03-24

925

在从 Vue2 升级到 Vue3 的过程中，很多开发者可能都会遇到一系列的兼容性问题和配置挑战，其中一个常见的困扰就是 eslint 校验报错。在 Vue2 中可能并未遇到这样的麻烦，但在 Vue3 中却时常出现类似的 eslint 校验错误，给开发带来了不少困扰。网上虽然有很多解决方案，甚至有些极端的做法需要修改多个配置文件，但实际上，解决这个问题的办法比你想象的要简单得多。今天，我就来分享一个简单、有效的解决方案——只需要修改 vue.config.js 文件中的一行代码，就可以优雅地关闭 esli

VUE 关闭eslint严格模式

weixin_49459644的博客

05-24

2394

@[TOC] VUE 关闭eslint严格模式 VUE 关闭eslint严格模式如果在使用vue@cli搭建vue工程时，不小心选择了eslint严格校验模式，对于开发人员调试代码是很麻烦的事，那么如何关掉eslint严格模式呢？ 1.在 package.json文件下找到eslint配置 "eslintConfig": { "root": true, "env": { "node": true }, "extends": [ "plugin:vu

vue3中去除eslint严格模式

Roy__Jason的博客

10-20

1418

vue3中去除eslint严格模式。

Vue脚手架cli,命令行创建工程取消严格模式，屏蔽严检查eslint

QWWWWWDD的博客

03-25

904

项目场景：在Vue 项目管理的时候我们往往不需要太严格的检查，有时候因为一个空格多了或者是多了一个换行符号，就报错，整个工程就运行不起来。下面进行安装说明，选择手动创建。前提是你的电脑要安装了，node.js，没有安装的可以到官网上下载安装。创建步骤：最开始全局安装Vue脚手架：npm install @vue/cli -g 一、执行命令 vue create name(工程名称)，按回车键。二、上下键选择手动选择按回车三、上下移动按空格键进行选择，这时候我们不选Linter / Forma

vue3空项目包，自己使用

05-29

首先确保你已经安装了Node.js环境，然后在命令行中导航到项目目录，执行以下命令： ```bash npm install 或 yarn install # 安装项目依赖 npm run serve 或 yarn serve # 启动开发服务器 ``` 此时，你的Vue3空项目就...

乐橙 vue项目 demo

03-04

通过这个文件，构建工具（如Babel）可以根据设定的目标浏览器自动转换JavaScript语法，确保代码在这些浏览器中能正常运行。 `.gitignore`文件则用来指定在Git版本控制中应当忽略的文件或目录。这对于避免提交不必要...

vue项目多入口配置

10-10

4. **Babel配置**：`.babelrc`文件用于设置Babel的转译规则，确保你的ES6+代码能在老版本浏览器中运行。Vue CLI已经包含了基本的配置，如转换`es6`和`jsx`语法。 5. **ESLint配置**：`.eslintrc.js`文件用于设置...

Vue-cli 3.x 配置 Eslint 报错在浏览器控制台输出~

arry_mega的博客

06-20

3322

Vue-cli 3.x 默认没有配置在浏览器输出消息，默认在终端输出。对于用Vue-cli 2.x 在浏览器查看报错消息的人来说, 是很不习惯的 [ps: 有点点强迫症~~] 解决方法如下在根目录新建 vue.config.js 文件, 加入下列配置 module.exports = { devServer: { hot: true, clientLogLevel: 'w...

vue项目如何关闭ESlint严格管理模式

weixin_43439494的博客

11-28

5604

ESlint是严格管理模式，是在创建项目时存在的。不关闭它，只要有一个空格或标点不正确就会报错，在实际开发中不大需要。如何关闭呢？我们只要找到src/config/index.js这个文件，这个文件里就有一个useEslint： true属性，只要将它的改为false就行了。 ...

ESlint与TypeScript与husky，严格模式全开启时类型校验报错记录与解决方式

weixin_67665876的博客

03-06

673

[前端Vue3+TS+Vite] ESlint、TypeScript、husky，严格模式全开启时类型校验报错记录与解决方式

【Webpack 生产环境配置】近两万字长文总结学习如何提取css为单独文件、css的压缩和兼容性处理，如何压缩html和js、如何做js语法检查eslint和js兼容性处理babel！！！

圆圆的 JavaScript 博客

08-27

1696

生产环境的特点是能让代码优化上线运行的环境。我们要做哪些事情呢？样式经过css-loader的处理被整合在js中，如果样式在js中的话，会让js体积非常大，下载就会慢；同时因为是先加载js才能通过创建style标签插入到页面中，这里就会出现闪屏现象。所以，我们就需要将css从js中提取出来；当然还需要对代码进行压缩和兼容性处理，这里包括html、css和js。.........

ESLint配置详解

qq_42880714的博客

05-15

8692

eslint详细介绍及使用

前端Vue篇之Vuex的严格模式是什么,有什么作用，如何开启？如何在组件中批量使用Vuex的getter属性、pinia与vuex有什么区别？

星辰迷上大海的博客

03-04

1251

Vuex的严格模式是一种开发模式，用于监测状态的修改，帮助开发者发现对状态的非法修改，提供警告信息，以便更好地理解状态变化。开启严格模式后，Vuex会警告非法状态修改，帮助开发者维护应用的状态变化，提高代码质量。

手写vuex4源码（七）严格模式

cwjxyp的博客

04-12

439

设置为false，执行commit的方法前，先将值改为true，监听state的变化，添加判断如果值为true，则证明是在mutation中修改的数据，如果是false则在控制台断言报错。严格模式下，无论何时发生了状态变更且不是由 mutation 函数引起的，将会抛出错误。这能保证所有的状态变更都能被调试工具跟踪到。严格模式会深度监测状态树来检测不合规的状态变更——请确保在发布环境下关闭严格模式，以避免性能损失。为了统一管理数据，我们希望state的修改只能通过。

【vue3+ts项目】配置eslint校验代码工具，eslint+prettier+stylelint

花椒和蕊的博客

08-22

3404

配置eslint校验代码工具

Vue严格模式 处理项目中Eslintrc 输入运行命令自动打开浏览器

Vue严格模式处理项目中Eslintrc 输入运行命令自动打开浏览器