在source tree 远程拉去一个项目,然后无缘无故 代码各处飘红 ,然后看了很是烦躁.碰见一下几个问题,后续持更 一.升级es6 出现这个问题的原因:let是EcmaScript 6 里面才有的关键字,以往的版本没有,所以要改一下webstorm的javascript版本,方法如下: File->Setting->Languages & Frameworks,然后选择React JSX,点击Apply,问题解决.二.声明但未使用的变量…

介绍ESLint ESLint 是一个代码规范和错误检查工具,有以下几个特性 所有东西都是可以插拔的.你可以调用任意的rule api或者formatter api 去打包或者定义rule or formatter. 任意的rule 都是独立的 没有特定的coding style,你可以自己配置   安装 全局安装,适合你全部项目都需要eslint $ npm install -g eslint 接下去安装配置文件 $ eslint --init 这个步骤会让你选择自己的风格 1.向你询问你的s…

前面的话 ESLint是一个JavaScript代码静态检查工具,可以检查JavaScript的语法错误,提示潜在的bug,可以有效提高代码质量,维持前端团队高度一致的编码风格.ESLint不但提供一些默认的规则,也提供用户自定义规则来约束所写的JavaScript代码.本文将详细介绍ESLint 发展历史 Douglas Crockford大神根据自己的理念用JavaScript写了一个JavaScript代码规范检查工具,这就是JSLint.后来非常流行,也的确帮助了广大的JavaScrip…

前言 本文也会在github上我的web-study仓库中同步更新,欢迎star. 戳这里,传送 准备工作 判断是否需要FQ或安装镜像,镜像一般可安装国内淘宝镜像,详情可看这里:cnpm npm install -g cnpm --registry="cnpm"全局安装淘宝cnpm. 开发工具选择很多,VUE无专用开发工具,开发项目多以SPA形式体现,本例使用 Visual Studio Code. 调试工具选择很多,官方推荐 vue-devtools . 安装方法:FQ或者githu…

使用react全家桶制作博客后台管理系统   前面的话 笔者在做一个完整的博客上线项目,包括前台.后台.后端接口和服务器配置.本文将详细介绍使用react全家桶制作的博客后台管理系统 概述 该项目是基于react全家桶(React.React-router-dom.redux.styled-components)开发的一套博客后台管理系统,用于前端小站的管理,主要功能包括游客浏览.文章管理.类别管理.评论通知.推荐设置和用户管理 [访问地址] 域名:https://admin.xiaohuoch…

前言 JavaScript的动态语言类型,给它带来了独特的魅力,产生了风格多样的开发范式,同时也带来了一些问题,从运行时常见的 undefined .null 报错,到代码随意的加减分号.换行.空格,引起的视觉混乱,如果是团队开发,则这种情况会更加的严重,必须加以约束,下文介绍基于 vue 的代码严格模式及编程规范.   核心插件: Eslint+ standard Eslint 是什么? ESLint最初是由Nicholas C. Zakas 于2013年6月创建的开源项目.它的目标是提供一个…

前言 由于平时自己在使用 VS 过程中遇到过一些很常见的问题,比如基本的设置.工具等.VS 十分的强大(宇宙第一 IDE),所以有些功能藏的深也不好找,就在这里记录下. 正文 一.快捷操作 1.调试.停止调试:F5(调试).Shift + F5(停止调试).Ctrl + F5(直接执行),F10.F11 的时候也会开启调试: 2.查找.替换:Ctrl + F (替换).Ctrl + H (替换): 3.区域块选择:Shift + Alt(数行连续的列): 二.设置项 1.启用浏览器中的 Java…

使用ESLint前:eslint是干嘛的,我这样写有什么问题,怎么还报错了,太麻烦想去掉这个插件,脚手架中关于eslint文件里的配置是什么意思?怎么设置配置项和规则达到自己想要的检测效果呢?怎么集成到VSCODE实现自动修复呢? 所以本片博文介绍ESLint是什么,配置项的意思,启用elsint推荐的规则及eslint-plugin-vue推荐规则检测项目,集成到VScode修复可自动修复的选项.希望这篇文章可以让你看得懂elsint文件里的配置项及开启/关闭规范规则保持代码规范. 一.ESL…

本文会不定期更新在nuxt.js中遇到的问题进行汇总.转发请注明出处,尊重作者,谢谢! 强烈推荐作者文档版踩坑指南,点击跳转踩坑指南 在Nuxt的官方文档中,中文文档和英文文档都存在着不小的差异. 1.路径匹配问题: In Nuxt.js, the path match is as follows: @import url('~assets/css/style.css') //Error This path matching is an error, and writing it like th…

开源Linux 回复"读书",挑选书籍资料~ Git 流程图 Workspace:工作区 Index / Stage:暂存区 Repository:仓库区(或本地仓库) Remote:远程仓库 配置 Git # 配置全局用户 $ git config --global user.name "用户名" $ git config --global user.email "git账号" # 配置别名 $ git config --global alia…