刚开始学习的话开发工具建议是下载VScode，当然主要的还是看自己比较喜欢和习惯用那个下面是一些常用的开发工具，在学习前端之前，先把工具准备好，没有金刚钻怎么揽瓷器活？所以准备了如下的一些开发工具，这里推荐使用VSCode。1. WebSt ...

版本管理 package.json 中添加如下 scripts + "release:patch": "npm version patch && git push && git push --tags", + "release: ...

创建项目 命令：npm init 生成文件： package.json { "name": "hello-npm-script", "version": "0.1.0", "description": "hello npm sc ...

主要内容 && : 串行，用 && 符号把多条 npm script 按先后顺序 & : 并行，连接多条命令的 && 符号替换成 & & wait ：等待某条异步命令执行结果 npm-run-all 的使用 代码检查库 eslint 【 ...

从eslint看传参 --fix ：eslint自动修复模式 { "script":{ "lint:js": "eslint *.js"， "lint:js:fix": "npm run lint:js -- --fix" } } -- ...

类似生命周期的机制 pre post npm run test 的运行过程 1、检查 scripts 对象中是否存在 pretest 命令，如果有，先执行该命令； 2、检查是否有 test 命令，有的话运行 test 命令，没有的话报错； ...

大前端完整学习路线（详解） 第一阶段： HTML+CSS: HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、 JavaScript基础： Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript ...

构建内容 源代码预编译：比如 less、sass、typescript； 图片优化、雪碧图(CSS Sprite)生成； JS、CSS 合并、压缩； 静态资源加版本号和引用替换； 静态资源传 CDN 等。 项目目录结构 client ├── ...

主要内容 Git Hooks https://git-scm.com/book/en/v2/Customizing-Git-Git-Hooks pre、post 的钩子机制 npm script 中Git Hooks的使用 Git Hook ...

2019年的大前端领域虽然并没有出现什么颠覆性技术，但是Flutter、WebAssembly、Serverless的火爆发展还是超乎我们预期，也让我们进一步看到大前端的融合趋势。2020年下半年，大前端领域又有哪些你不能错过的顶级技术趋势 ...