eslint

我的electron教程系列 electron教程(一): electron的安装和项目的创建 electron教程(番外篇一): 开发环境及插件, VSCode调试, ESLint + Google JavaScript Style Guide代码规范 electron教程(番外篇二): 使用TypeScript版本的electron, VSCode调试TypeScript, TS版本的ESLint electron教程(二): http服务器, ws服务器, 子进程管理 electron教程(三): 使用ffi-napi引入C++的dll electron教程(四): 使用electron-builder或electron-packager将项目打包为可执行桌面程序(.exe) #引言 本篇将介绍如何将你开发的electron项目(main.js), 打包成一个可执行桌面程序(.exe). 有两个流行的工具可以做到这一点: electron-builder 和 electron-packager . 我不会详细地对比两者的优劣, 但会通过三个事实来帮助你选择合适的工具. 1. electron-builder 的Star为7.7k, electron-packager 的Star为6.6k. 2. 根据 electron-builder 的作者介绍, electron

在这一集我们将讲到如何从安装vue-cli开始，到新建一个本地项目，再到vscode中关于eslint的配置，以及本地项目关联公司远程项目的基本操作。 一，初始化本地项目 1，首先，全局安装vue-cli 3.0 2.检查vue-cli的版本,确定是3.0以上 3，新建一个叫question-editor的本地项目，注意这里的配置，预设置选择手动，勾选必要的Babel,Router,CSS预处理器,Linter格式化工具。不选择历史模式，CSS预处理器的选择看个人喜好，SCSS和Less其实语法区别不大，而ESLint的配置选择airbnb（在eslint的官方地址中star数高居第一，远超prettier和standard的存在），选择在保存时自动lint，独立放置配置文件，即可等待其初始化完成。 (顺便吐槽一下，在windows系统中的git bash方向键有问题，所以这里才用回自带的powershell来建项目) 　　 说一下历史模式这个问题，关于历史模式和哈希模式的区别不仅仅是有没有#号这么简单，历史模式还带来了关于二级菜单刷新出现404，重定向等问题，而哈希模式在url中仅仅是多了一个#号，就可以避免历史模式的所有缺陷，以及提供低版本浏览器甚至是ie的支持！所以在此墙裂不推荐使用历史模式。 二，在vscode中配置eslint 1，首先

官方地址： 规则 缩进使用两个空格。 eslint: indent function hello ( name) { console. log( 'hi', name) } 字符串使用单引号，除非是为了避免转义。 eslint: quotes console. log( 'hello there') $( "<div class='box'>") 1 无未使用的变量。 eslint: no-unused-vars function myFunction ( ) { var result = something() // ✗ avoid } 1 2 3 关键字后面要有一个空格。 eslint: keyword-spacing if (condition) { ... } // ✓ ok if(condition) { ... } // ✗ avoid 1 2 函数参数列表括号前面要有一个空格。 eslint: space-before-function-paren function name ( arg) { ... } // ✓ ok function name( arg) { ... } // ✗ avoid run( function ( ) { ... }) // ✓ ok run( function ( ) { ... }) // ✗ avoid 1 2 3 4 5

前端开发规范 从制定到实施 在我们开始这个题目的时候，我们应该思考下面几个问题： 前端开发为什么需要 开发规范？ 前端开发规范是什么？ 什么时候需要这个规范？ 如何制定这个规范？ 如何落实这个规范？ [TOC] 一、前端开发为什么需要 开发规范？ why？ 前端还在 刀耕火种的时代的时候，前端是没有 工程 这个概念的。更多是 切图仔 这个概念，（将设计师设计出来的 web 、app、h5 的 UI 通过 PS 切图 然后再通过 HTML、CSS 实现出来）的这么一个工种。那么随着 互联网兴起到后来的移动互联网发展，To C 产品需求 精细化， 用户对于 C 端产品越来越挑剔也促使着 前端工程化越来越规范化了。 渐渐的 前端工程 形成，那么随之而来的就是 工程化 带来的 规范化 。 回到 why 的问题上来，我们先举一个简单的例子来说， 可能 工程化 这个名词在很多的后端语言中早早的就已经形成了，但前端 这么一门到现在大学课程都没开课的工种，全靠大学毕业后工作中自学积累而来，那么我们是否可以说，现阶段前端搞的好的人，Ta 的自学能力一定不会差。 二、前端开发规范是什么？ what? 什么是前端开发规范？ HTML\CSS\Javascript\TypeScript 的代码编写规范，这里我们着重讲一下 JS 的 编码规范 1、Types javascript 的数据类型 1.1

IntelliJ IDEA ESLint autofix/prettier Action 搜索Actions选择Fix ESLint Problems( Cmd - Shift - A on OS X or Ctrl + Shift + A on Windows and Linux): File Watchers 保存文件时自动 eslint -- fix : 保存文件时自动 prettier -- write ： 适用于IntelliJ IDEA/PHPStorm/WebStorm 参考链接： https://www.jetbrains.com/help/webstorm/using-file-watchers.html https://blog.jetbrains.com/webstorm/2016/08/using-external-tools/ Related posts: 在IntelliJ IDEA中使用类似Sublime Text的选择功能 Webpack实时监听在IntelliJ IDEA中修改的文件 WebFont-macOS字体处理App Preload与Resource Hints 来源： oschina 链接： https://my.oschina.net/u/4329631/blog/3273765

ESLint fix自动修复所有格式问题 "lint-fix": "eslint --fix --ext .js --ext .jsx --ext .vue src/ test/unit test/e2e/specs", npm run lint-fix 来源： oschina 链接： https://my.oschina.net/u/4380369/blog/3273766