eslint

最近前端圈最火的技术，莫过于5-13发布的deno1.0版本，很多大兄弟私信问我怎么看这个技术， 今天上午录了个视频放B站，对文字稿不感兴趣的直接移步 Deno1.0 新特性了解一下B站链接 deno是什么 deno和nodejs差不多，都是一个javascript的服务器运行时，和node.js还是一个作者，他有那些优点呢 新特性关键点（代码） 原生支持typescript javascript和webassembly es6 modules ，通过url和文件import 没有npm，node_modules 和package.json 依旧基于V8 安全控制机制 不兼容node 兼容浏览器 常见工具内置 deno bundle替代babel webpack deno fmt 替代prettier deno test 期待jest deno lint 替代eslint等 安全性和原生ts支持很亮 什么技术会火 deno比node优化的地方，都是小优化，一个新技术能不能普及，这个技术本身够不够牛逼只是以方便，还有 0. 出现时机是不是填补了领域空白 填补空白后，开发者有没有跟上，贡献繁荣的生态 生态繁荣后吗，有没有大公司实战案例（意味着大流量和岗位） 单纯的技术优势，只是小玩具，而且你怎么知道node不会加上这些特性，维护自己的防护林呢 ，比如node也跟进url import

前言 上一篇思考了一个组件库的开发需要什么东西，所以第二步需要做的是配置开发环境，这里我选用的是React官方推荐的脚手架create-react-app，但是直接用create-react-app创建项目并不能直接满足我们的需求，所以这里开始考虑要怎么去组织项目结构。 创建项目 环境要求 根据官方文档要求，使用create-react-app创建项目环境要求为 Node >= 8.10 和 npm >= 5.6 指令 npx create-react-app hrmui-ts-react --template typescript 复制代码 npx不是拼写错误，而是 npm 5.2+ 附带的 package 运行工具 hrmui-ts-react：我的项目名字 --template typescript：表示该项目使用typescript 项目目录 以上是刚创建完的项目目录，接下来我们将对该项目进行改造 项目配置 暴漏配置文件 我们可以看到上面的项目目录没有webpack的相关配置，因为create-react-app脚手架已经帮我们封装好了。但如果要对webpack进行设置，可以使用命令 npm run eject 复制代码 把webpack文件暴露出来， 但是需要注意的是，该操作不可逆。 暴漏配置文件后的项目目录 webpack.config有两个，一个是dev（开发

vue项目中带eslint校验，在提交代码时遇到报错。虽然这样写起来项目很规范，有时候觉得很烦。需要关闭git提交时校验 在项目里面新建.eslintignore文件，在里面忽略就行，例如忽略src文件 项目目录： 忽略代码： 来源： oschina 链接： https://my.oschina.net/u/4072296/blog/4281432

// 1. 在整个文件中取消eslint检查： /* eslint-disable */ alert(‘foo’); // 2. 在整个文件中禁用某一项eslint规则的检查： /* eslint-disable no-alert */ alert(‘foo’); // 3. 在整个文件中禁用多项eslint规则的检查： /* eslint-disable no-alert, no-console */ alert(‘foo’); console.log(‘bar’); // 4. 针对某一行禁用eslint检查： alert(‘foo’); // eslint-disable-line // eslint-disable-next-line alert(‘foo’); // 5. 针对某一行的某一具体规则禁用eslint检查： alert(‘foo’); // eslint-disable-line no-alert // eslint-disable-next-line no-alert alert(‘foo’); // 6. 针对某一行禁用多项具体规则的检查： alert(‘foo’); // eslint-disable-line no-alert, quotes, semi // eslint-disable-next-line no-alert, quotes,

main.js // The Vue build version to load with the `import` command // (runtime-only or standalone) has been set in webpack.base.conf with an alias. import Vue from 'vue' import App from './App.vue' import router from './router/index.js' import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' Vue.use(ElementUI) Vue.config.productionTip = false /* eslint-disable no-new */ new Vue({ el: '#app' , router, components: {App}, template: '<App/>' }) View Code index.js import Vue from 'vue' import Router from 'vue-router' import Home from '../components/Home' import Content from

// vue.config.js module.exports = { lintOnSave: false } 在项目根目录下增加vue.config.js文件。 内容如下： ` 来源： oschina 链接： https://my.oschina.net/redpotato/blog/4479383

Electron-vue运行之后出现了文件浏览器 博客说明 文章所涉及的资料来自互联网整理和个人总结，意在于个人学习和经验汇总，如有什么地方侵权，请联系本人删除，谢谢！ 问题介绍 在运行项目的时候出现了文件浏览器 问题原因（官方解释） 你的 src/renderer 包含错误。请检查 控制台 (console)，修复错误，然后用 CommandOrControl+R 刷新 electron。 详述 如果你的 src/renderer 中出现错误，则会在首次运行时与 ESLint 产生冲突。接着，一个无效的 webpack 的 renderer.js 会被生成出来，它会打断 HtmlWebpackPlugin 创建 index.html 。由于 webpack-dev-server 没有 index.html 可以提供服务，所以服务器失败，程序返回到文件浏览器。 问题解决 主要适合ESlint有关，将ESlint检查关闭就可以了，具体的在.electron-vue下面的三个配置文件里面的ESlint代码注释掉 那么这个问题就解决了 感谢 万能的网络 以及勤劳的自己 来源： oschina 链接： https://my.oschina.net/guizimo/blog/4339710

前言： 　　Visual Studio Code是一个轻量级但功能强大的源代码编辑器，轻量级指的是下载下来的Vs Code其实就是一个简单的编辑器，强大指的是支持多种语言的环境插件拓展，也正是因为这种支持插件式安装环境开发让Vs Code成为了开发语言中的霸主，让同时支持开发多种语言成为了可能。俗话说的好工欲善其事必先利其器，作为一个Vs Code老用户而已我我觉得安装一些有用的插件多自己日常的开发效率能够大大的提升，下面我推荐的是我日常开发中使用的比较多和感觉起来还不错的一些插件，同时会持续更新，假如大家觉得有好的插件而我这里没有提到的可以在下面留言我会补上。 Vs Code拓展插件安装： 快捷键：Ctrl+Shift+X进入拓展面板，到应用商店文本框中搜索拓展。 适用于 VS Code 的中文（简体）语言包： 拓展名称：Chinese (Simplified) Language Pack for Visual Studio Code 拓展描述：此中文（简体）语言包为 VS Code 提供本地化界面。 美化VS Code的代码： 拓展名称：Beautify 拓展描述： 美化 javascript ， JSON ， CSS ， Sass ，和 HTML 在Visual Studio代码。 Visual Studio代码的图标: 拓展名称：vscode-icons 拓展描述

一、设想和目标 1、我们的软件要解决什么问题？是否定义得很清楚？是否对典型用户和典型场景有清晰的描述？ 解决的问题（按特性来定义）： ①交互性：用户不仅仅只是能够发表帖子、点赞、评论，还可以使用时间轴记录生活，供个人回忆。查看地图，获取热点区域。 ②直观性：地图的深浅颜色快速获取最活跃的周边信息、生活分享或美食评价。不再迷惘于广大的城市，而没有目标。 ③单纯性：追求更为单纯的分享，而不是参与商业性的带货行为。不必在浏览他人分享时，让广告映入眼帘。 ④隐私性：提供匿名发帖、匿名评论的功能，无需创建多个小号来宣泄烦恼，减少多个账号切换的繁琐。 2、我们达到目标了么（原计划的功能做到了几个？ 按照原计划交付时间交付了么？ 原计划达到的用户数量达到了么?) 已实现的功能如下（按时间交付但未达到目标）： ①地图模块：地图气泡图实现了福建省区块，虽暂未完成其他省份，但已大致出现气泡图的雏形，之后不断扩宽至全国修改样式即可。 ②帖子模块：能够完成用户的看帖、发帖、删帖、交互（点赞、评论、TAG） ③时间轴模块：能够对时间轴进行添加、筛选、删除 ④个人空间模块：对个人空间的信息进行修改和筛选。能够看到关注列表，进入别人的个人空间。 3、有什么经验教训? 如果历史重来一遍, 我们会做什么改进? ①任务分的粒度太大了，在实现过程中有很多的细节没有考虑到，也导致燃尽图是中间突起，后端急速下降的状态。

项目地址： medux-react-admin 点击在线预览 在 上篇 中主要说明了本项目的一些主要思路，现在来看看具体代码：本项目使用 @medux/react-web-router + antd4 开发，全程使用 React Hooks，并配备了比较完善的脚手架。 安装及运行 // 注意一下，因为本项目风格检查要求以 LF 为换行符 // 所以请先关闭 Git 配置中 autocrlf git config --global core.autocrlf false git clone https://github.com/wooline/medux-react-admin.git cd medux-react-admin yarn install 复制代码 以开发模式运行 运行 yarn start ，会自动启动一个开发服务器。 开发模式时 React 热更新使用最新的 React Fast Refresh 方案，需要安装最新的 React Developer Tools。 以产品模式运行 首先运行 yarn build-local ，会将代码编译到 /dist/local 目录 然后进入 /dist/local 目录下，运行 node start.js ，会启动一个产品服务器 Demo 配置不同的运行环境 /conf 目录下可以为不同的运行环境设置不同的配置 /public