前言 使用vscode开发vue项目的时候,为了编码格式的统一化,使用eslint规范进行格式化.此时通过eslint插件可以实现对vue代码的自动格式化. 使用方式 在vscode的插件模块处,搜索eslint.找到下面的插件. 安装完成后,进行配置. file --> preferences --> setting 找到eslint. 打开setting.json. 在里面配置如下代码: { "eslint.options": { "extensions&qu

Vue2/3 项目中的 ESLint + Prettier 代码检测格式化风格指南 因为平时都是使用 VSCode ESLint + Prettier 检测格式化不规范代码,但是随着接手的项目越来越多,需要统一每个项目的代码规范,于是在此分享vue项目的几种代码格式化风格(default,standard,airbnb,prettier)的基本区别以及修改为prettier风格. 对比肉眼可见的格式化风格差异,并且以字符串单/双引号,每行结尾有无分号,object对象最后一项有无尾逗号作为判断依

VS Code项目中共享自定义的代码片段方案 一.问题背景 项目中注释风格不统一,如何统一注释风格 一些第三方组件库名称太长,每次使用都需要找文档,然后复制粘贴 部分组件库有自己的Snippets插件 一些组件能记住名称,但太长了手敲全称有点费时间 某些组件还有不少常用的参数,有不有办法在敲出组件的时候,加上一些参数 二.解法 稍加总结就不难看出,这些问题都能通过一些代码片段去解决 问题又来了:如何在项目中共享自定义的代码片段? 编辑器以VS Code为例,引入自定义代码片段的方案有如下几种:

总结项目用到的一些处理方法,用来解决数据处理的一些实际问题,所有方法都可以放在一个公共工具方法里面,实现不限ES5,ES6还有些Vue处理的方法. 都是项目中来的,有代码跟图片展示,长期更新. 1.获取两个给定日期之间所有日期集合 /** * 传入一个日期字符串(不要时间,如果带时间的话在修改方法) **datestr:形如‘2017-06-12’的字符串(如果是2017.06.12格式在修改代码,这里没有做通用) **return Date 对象 **/ getDate (datestr) {

平时做项目,代码中是不允许出现硬代码的,一般我们是怎么处理的呢? 那么硬代码又是什么呢? 我们俗称的硬代码:eg:   label.text = "欢迎来到梦幻岛";  这样我们俗称为硬代码. 好了,那么该如何避免,话不多说,直接上图: 这是一种处理方式,TXT 格式的文档,前面是ID,后面是描述性文字. 可是我们该如何在项目中访问这个txt文件里面的数据呢? 话不多说,直接上代码: using UnityEngine; using System.Collections; public

Standford Moss 系统是斯坦福大学大名鼎鼎的代码查重系统,它可以查出哪些同学提交的代码是抄袭别人的,从而将提交结果拒之门外.它对一切希望使用该系统的人都是开放的,那么在PHP的项目中如何使用它呢? 下载Moss的PHP文件moss.php 您可以访问https://github.com/Phhere/MOSS-PHP 来下载moss.php,并将它放在您的第三方扩展库中 使用moss.php 通过下面的范例代码您就可以简单的做个moss小测试了 <?phpinclude("mo

 FindBugs是一个静态分析工具,它检查类或者 JAR文件,将字节码与一组缺陷模式进行对比以发现可能的问题.有了静态分析工具,就可以在不实际运行程序的情况对软件进行分析 第一 手动安装 在Eclipse点击菜单中Help-->菜单 第二:输入地址: http://findbugs.cs.umd.edu/eclipse,出现版本列表: 按照一步步提示安装重启即可 =================================================== 2) (Re-)star

编写一下Android界面的项目 使用默认的Android清单文件 <?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.itheima28.writedata" android:versionCode="1&qu

首先 有一个 检查代码风格的工具叫checkstyle,具体怎么下载,请自行百度.. 当你在eclipse安装好 checkstyle后,对于使用google标准的人来说,选择一个项目,右键,点击checkstyle-->check code with checkstyle,一般情况下 你会发现 你的eclipse界面是这样的: 满篇的警告..难道我们的代码风格真的有这么差吗?仔细看看警告信息..大部分是本行代码不应该存在制表符...应该有空格代替.这时这么大的代码量,一行一行手动改肯定是不现实

在写使用Java时,难免会有一些模板代码要写,不然get/set,toString, hashCode, close 资源,定义构造函数等等.代码会显得很冗余,很长.Lombok项目可以是我们摆脱这些东西,通过一系列的注解,Lombok可以帮我们自动生成这些函数. Lombok 官网地址:https://projectlombok.org/ 参考文档:https://projectlombok.org/features/index.html 1. 安装 到官网下载 lombok.jar,直接双击

在使用Maven构建SSM项目时,使用mybatis-generator插件自动生成代码 一.目录结构 bean:用来存放生成的实体类 dao:用来存放生成的 *mapper.java文件 mapper:用来存放生成的 *mapper.xml文件 二. generatorConfig.xml文件,配置相关信息 <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE generatorConfiguratio

方法: 使用UE的自定义工具栏并借助开源工具astyle.exe来完成. 1. 首先下载最新的astyle,因为ue自带的astyle版本太老,不支持空格.中文名等. http://astyle.sourceforge.net/ .目前最新的版本为2.05 2. 解压缩后得到 astyle.exe, 将之拷贝到 ue目录的gnu目录下面,覆盖原来的astyle.exe 3. 打开ue, 选择“菜单”-“高级”-“工具栏配置”     打开“工具栏配置”对话框, 输入名字“格式化C/C++代码”,

1.同时按住Ctrl键+A键,全选代码或要格式化的部分代码: 2.再按住Ctrl键,接着按一下K键,接着按一下F键.(注意:Ctrl键在按后面这2个键的时候一直是按着的,直到F键按完才松开).也就是俗称的:Ctrl+K+F 快捷键.就格式化好了.

{ "editor.tabSize": 2, "files.associations": { "*.vue": "vue" }, "eslint.autoFixOnSave": true, "eslint.options": { "extensions": [ ".js", ".vue" ] }, "eslint.va

POST>> submitHandler:function(form){ var username = $('#user_name').val(); var password = $('#password').val(); username = $.trim(username); password = $.trim(password); var ajaxOption = {}; ajaxOption.url = 'index.php?app=member&act=ajax_check_

VS Code项目中通过npm包的方式共享代码片段的方案实现 上周在 "VS Code项目中共享自定义的代码片段方案" 的文章中提到过一个共享代码片段的方案,上周经过调研后并没有发现现成的插件,就抽了点空实现了这个方案,最终产出Share Snippets 这个插件去实现这个设想 Share Snippets介绍 借助Share Snippets,你可以通过npm包的形式分享你的代码片段,让其它的开发者能够轻松愉快的体验上,更新迭代方便 方案对比 项目级共享代码片段 方案 学习成本 传

有的童鞋,想eclipse和myeclipse整个项目中查找指定代码,由于补经常使用,可能会补熟悉.如果要去掉项目中所有的某个代码的话,找不到是灰常麻烦的,下面就简单说下怎么查找,希望对需要的人有用. 1.这里以eclipse为例,myeclipse同理,顶部工具点击search-search 2.在搜索界面,选择filesearch,然后图中对应的位置输入要搜索的内容,点击下方搜索按钮 3.特别提醒,这里不是选java search ,很多童鞋可能就是看到java,又想到自己的代码是在java

monaco-editor 是微软出的一条开源web在线编辑器支持多种语言,代码高亮,代码提示等功能,与Visual Studio Code 功能几乎相同. 在项目中可能会用带代码编辑功能,或者展示代码.对于习惯使用vsCode的开发者来说使用monaco-editor是非常不错的选择. 安装依赖 cnpm install monaco-editor --save cnpm install monaco-editor-webpack-plugin --save-dev 修改webpack.bas

一.设置js风格的缩进为4个空格 在你的前端项目中找到.eslintrc.js文件,如图 module.exports = { root: true, parserOptions: { parser: 'babel-eslint', sourceType: 'module' }, env: { browser: true, node: true, es6: true, }, extends: ['plugin:vue/recommended', 'eslint:recommended'], //

移动开发中,native开发性能和效果上无疑是最好的. 但是在众多的情况下,native开发并不是最优的选择.当需求经常改动的时候,当预算有限的时候,当deadline很近的时候,native开发的成本也就体现出来了. 这时候,webview开始大放异彩,快速开发.无需重新发布版本.人员成本低的特点就显现出来了.(这里不指hybrid). 当使用WebView后,就会逐渐发现,用户体验变得一塌糊涂,长时间的loading.操作dom造成的性能问题等等等等··· react native出现后,开

从别人做的项目中抽取出的代码: