本文只针对windows系统准备工作 安装VS Code(废话) 安装nodejs 注意你的系统版本开始 VS Code内安装ESLint: npm全局安装eslint: win+r 输入cmd打开cmd控制台,输入以下命令后回车,等待安装完成。npm install eslint -g .eslintrc.json 文件,将以下
转载
2024-05-28 10:13:07
682阅读
Cursor攻略,吃个螃蟹1.1 工具下载与安装1.2 工具的原理2、Api key生成与配置2.1 生成Api key2.2 设置Api key3、工具插件多元化使用手册3.1 汉化插件3.2 SpringBoot、Maven插件(ctrl + shit + x)3.3 Git插件(ctrl + shit + x)4、工具功能4.1 快捷键4.2 ChatGPT提问(ctrl + L)4.3
别看VS Code就一文本编辑器,也可做各类编程语言的IDE,它还是数一数二的SSH工具,没有之一,FinalShell+VSCode可以说是SSH工具中的卧龙凤雏,什么Termius、XShell简直弱爆了,最关键的是VS Code是免费的,FinalShell的基础功能也是免费的,完全用不着破解。前置准备Win10系统一个,VSCode一个,如果可以还能准备一个FinalShell。我这里用的
更多VSCode插件使用请访问:VSCode常用插件汇总ESLint这是VS Code ESLint扩展,将ESLint 集成到VS 中。首先简单说一下使用流程:
1.安装ESLlint库(在项目本地或全局安装,看具体项目需要)
2.创建.eslintrc配置文件(手动创建或者复制其它已有配置文件均可,看具体项目需求)
3.根据文档设置完,保存文件时即可进行eslint
转载
2024-03-08 23:14:31
74阅读
vscode中配置步骤vs code中安装ESLint扩展;
全局或者局部安装eslint库,因为vs code的ESLint的扩展运行需要ESlint库。vscode首先从当前打开的工作去文件夹中查找,如果找不到,则在全局环境中查找;
//全局安装
npm install eslint -g
//当前项目中安装
npm install eslint --save-dev完成以上三步,vscode
转载
2024-05-21 05:45:31
602阅读
1.格式化代码保存自动修复在vscode中打开设置中的setting.json 根据自己的需求加入相应的格式代码(以下是我加入的):{
"terminal.integrated.shell.windows": "D:\\Program Files\\Git\\bin\\bash.exe",
"vetur.format.defaultFormatter.js": "vscode-typesc
转载
2024-07-08 14:12:30
84阅读
使用VScode打开项目时,避免项目路径过深。尽量做到开发a项目就打开a项目,如
dir/path/path/a这样的路径,不要vscode打开
dir来开发
a。因为可能会导致eslint的一些提示出现不准确的现象。
关键词:ESLint配置+自动修复、TSLint配置+自动修复、stylelint配置+自动修复
ESLint1. 首先安装eslint,并增加
安装Nodejs,然后安装eslint使用全局安装: npm install -g eslint npm install -g eslint-plugin-react npm install -g eslint-plugin-html安装完毕后,我们使用"eslint --init"命令在用户目录中生成一个配置文件(也可以在任何你喜欢的位置进行生成):".eslintrc.js" 执
转载
2024-03-20 08:56:34
518阅读
一、editorconfig
EditorConfig 有助于为不同 IDE 编辑器上处理同一项目的多个开发人员维护一致的编码风格。1.安装插件:EditorConfig for VS Code2.在项目根目录下面新建文件命名为 .editorconfig,并增加以下配置root = true
[*] # 表示所有文件适用
charset = utf-8 # 设置文件字符集为 utf-8
in
转载
2024-07-25 17:41:12
974阅读
前言最近发现公司的项目代码修改保存后,代码会自动进行格式化。但是自己搭建的小项目不能进行格式化,虽然安装了一个格式化插件,但是格式化的效果很不舒服。ESLint官方中文文档实现安装eslint插件 上面只是在vscode里安装了,实际项目里还需要安装npm install eslint babel-eslint -D生产配置文件./node_modules/.bin/eslint --init运行
转载
2024-05-05 18:47:58
4709阅读
VScode配置ESlint+Prettier 1、VScode搜索并安装这两个插件 ESLint Prettier安装完成之后,按下ctrl+shit+p,输入setting.json,选择首选项:打开设置(json)回车 在设置中插入如下配置// eslint配置项,保存时自动修复
"editor.codeActionsOnSave": {
"source.fixAll.eslint
转载
2024-08-14 12:03:34
222阅读
ESlint:是用来统一JavaScript代码风格的工具,不包含css、html等。背景:近来研究前端,然后一直在百度上找VScode格式化(ESlint)的插件,结果找了半天都不靠谱。目前没有一个可以格式化html、css、符合ESlint的js、vue的插件,所以自己东拼西凑加实践找到解决方法。解决方案:1、安装插件1)ESlint:javascript代码检测工具,可以配置每次保存时格式化
转载
2024-04-26 11:09:58
773阅读
配置中文按快捷键“Ctrl+Shift+P”。在“vscode”顶部会出现一个搜索框。输入“configure language”,然后回车。在vscode中配置ESLint锋利的工具做得很好!个人推荐用eslint + vscode编写VUE,绝对有一个很酷的 每次保存代码时,vscode都可以标记不符合eslint规则的红色区域,并同时进行一些简单的自修复。安装步骤如下:
转载
2024-03-01 14:50:36
1705阅读
1、打开终端,运行npm install eslint -g全局下载ESLint。 2、打开VS Code,下载eslint插件,重新加载以生效。 3、进入要使用ESLint的项目,打开终端输入eslint --init进行初始化。 自定义配置 4、设置完成后会在当前目录下生成一个名为.eslint
转载
2019-05-31 10:13:00
559阅读
编辑器中添加eslint扩展
原创
2022-08-11 17:43:33
371阅读
点赞
列表代码折叠修剪尾随空格代码格式化上下移动行多光标选择向上/向下复制行列(盒)选择(~~偷看~~)Peek 代码折叠键盘快捷键:Ctrl + Shift + [ 和 Ctrl + Shift +]修剪尾随空格键盘快捷键:Ctrl + K Ctrl + X这里 Ctrl + K相当于进入快捷键命令方式,可以用字母或者组合键进行下一步操作,这里的实际操作为Ctrl+K,然后再Ctrl+X。目前Ctr
转载
2024-10-24 15:14:38
10阅读
幸运的是我们可以通过插件来规范化代码,只要大家配置一样,提交的代码就会属于同一套规范,而且在编写时不用特意自己去规范代码,保存的时候自动格式化一下代码即可,大大提高了开发效率的同时还能保证团队编码规范一致。一个项目一般都有自己的编码规范,有些在通用的规范下还有一些自己特定的规范,加入前需要阅读项目相关文档或咨询Leader.一、语法高亮 - 安装Vetur插件.vue后缀的文件默认不会高
转载
2024-08-17 10:03:17
72阅读
一、vue 语法高亮1.1 安装 Vetur1、创建. vue 文件, 写些代码, 发现一片漆黑,如何才能让写的代码高亮,并显示不同颜色?2、安装激活 vetur 插件, 代码就有高亮了。右键菜单还会变多一些, 主要多了个格式化文档.这里配置了多个格式化的,所以会有多个。看下 vetur 的特性: 语法高亮, 代码片段 (emmet 给我的感觉是一个写好了的 snippet), 质量提示 &
1.安装ESLint扩展2.全局安装ESLint需要用到的模块cnpm install -g eslint babel-eslint eslint-plugin-html eslint-plugin-import eslint-plugin-promise eslint-plugin-vue3.创建配置文件.eslintrc.js
.eslintrc.js文件创建在项目跟目录(推荐随项目走),或创
转载
2024-03-31 22:18:39
334阅读
俗话说得好,工欲善其事必先利其器,想要熟练开发Vue项目,一个好的开发环境就是必不可少了,这里我就选用了vscode作为开发工具,毕竟vscode免费,还跨平台,应用范围也广,著名的vue开源项目:后台管理平台(vue-element-admin)的大神在文档中就推荐采用vscode+eslint,号称“绝对有种飞一般的感觉”。为了达到大神所说的效果,我们这就来研究一下如何在vscode中配置好e
转载
2024-05-13 16:51:42
292阅读