跳至主要内容

博文

目前显示的是 六月, 2022的博文

VS Code配置Vue开发环境-Vetur+ESLint+Prettier

 原文链接 学着 python,却不知不觉入了前端的坑,相比起 Django 的模板语法,Vue 实在太好用了,一接触就无法自拔。那么多好看的前端 UI 框架,简直是颜控必备啊。 之前一直用着 PyCharm 通过装 Vue.js 插件来写,但是不知道怎么使用 ESLint 校验,一格式化代码就乱,简直逼死强迫症 想起了万能的 VScode,一搜索相关内容,发现就连尤雨溪大大都在用。得知有个神器插件叫 Vetur ,之后装了一通乱七八糟的插件,发现 vscode 被我搞得非常难用!!! 找网上相关配置,各种推荐看的头晕眼花一贴到 vscode 里,就给种报错,或者压根就没效果。没办法,只能去读各个插件的官方文档,自己来配置吧。 本文使用到的插件: Vetur ESLint Prettier EditorConfig for VS Code Bracket Pair Colorizer 2 Live Server Better Comments Auto Close Tag Code Spell Checker 核心就是 Vetur+ESLint,其他的我觉得就是锦上添花的作用 快速配置 本文的配置是记录 Vue CLI 生成的项目,若不是,请自行处理依赖关系 打开 vscode 的插件安装,搜索上面的插件,一一安装 打开 vscode 的设置,键入以下代码 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 { // 保存时自动格式化代码 "editor.formatOnSave" : true , // eslint配置项,保存时自动修复错误 "editor.codeActionsOnSave" : { "source.fixAll" : true }, // 让vetur使用vs自带的js格式化工具,以便在函数前面加个空格 "vetur.format.defaultFormatter.js" : "vscode-typescript" , "javascript.format.semicolons" : "remove...

Promise 链

 原文链接 我们回顾一下   简介:回调   一章中提到的问题:我们有一系列的异步任务要一个接一个地执行 — 例如,加载脚本。我们如何写出更好的代码呢? Promise 提供了一些方案来做到这一点。 在本章中,我们将一起学习 promise 链。 它看起来就像这样: new Promise ( function ( resolve , reject ) { setTimeout ( ( ) => resolve ( 1 ) , 1000 ) ; // (*) } ) . then ( function ( result ) { // (**) alert ( result ) ; // 1 return result * 2 ; } ) . then ( function ( result ) { // (***) alert ( result ) ; // 2 return result * 2 ; } ) . then ( function ( result ) { alert ( result ) ; // 4 return result * 2 ; } ) ; 它的想法是通过   .then   处理程序(handler)链进行传递 result。 运行流程如下: 初始 promise 在 1 秒后 resolve   (*) , 然后   .then   处理程序(handler)被调用   (**) ,它又创建了一个新的 promise(以   2   作为值 resolve)。 下一个   then   (***)   得到了前一个   then   的值,对该值进行处理(*2)并将其传递给下一个处理程序(handler)。 ……依此类推。 随着 result 在处理程序(handler)链中传递,我们可以看到一系列的   alert   调用: 1   →   2   →   4 。 这样之所以是可行的,是因为每个对 ...