自动化构建化工具
文章平均质量分 97
Daisy__yangyang
前端工程师
展开
-
规范化标准
规范化介绍为什么要有规范标准 (1)软件开发需要多人协同 (2)不同开发者具有不同的编码习惯和喜好 (3)不同的喜好增加项目维护成本 (4)每个项目或者团队需要明确统一的标准 哪里需要规范化标准 (1)代码、文档、甚至是提交日志 (2)开发过程中认为便携的成果物 (3)代码标准化规范最为重要 实施规范化的方法 (1)编码前认为的标准约定 (2)通过工具实现 Lint (3)常见的规范化实现方式 A、ESLint 工具使用 ...原创 2020-12-16 11:24:34 · 192 阅读 · 0 评论 -
Webpack4快速上手【大前端必备知识】
一、Webpack 快速上手yarn init --yes yarn add webpack webpack-cli --dev yarn webpack --version 查看版本 yarn webpack 打包(可以在 package.json 中添加 "build":"webpack" 修改打包指令)yarn build打包 会有 dist文件夹二、Webpack 配置文件const path = require('path')module.exports ...原创 2020-12-11 16:08:40 · 284 阅读 · 2 评论 -
关于脚手架的前端知识
脚手架脚手架的本质作用创建项目基础结构,提供项目规范和约定 相同的组织结构 相同的开发范式 相同的模块依赖 相同的工具配置 相同的代码基础常用脚手架工具服务自身项目的一类:create-react-app、vue-cli、angular-cli 通用性脚手架工具:yeoman 创建特定类型的脚手架:plop 脚手架学习yeoman一款高效,开源的web应用脚手架搭建系统,专注提供脚手架功能。并不是针对某个项目,没有针对性 yeoma...原创 2020-12-02 16:35:38 · 133 阅读 · 0 评论 -
高级资深前端必备知识【开发脚手架及封装自动化构建工作流】
简答题谈谈你对工程化的初步认识,结合你之前遇到过的问题说出三个以上工程化能够解决问题或者带来的价值。工程化是根据业务特点,将前端开发流程规范化,标准化,它包括了开发流程,技术选型,代码规范,构建发布等,用于提升前端工程师的开发效率和代码质量。1.制定各项规范,编码规范,开发流程规范,前后端接口规范等等2.使用版本控制工具git,commit描述规范3.使用合适前端技术和框架,提高生产效率,降低维护难度,采用模块化,组件化,数据分离等4.代码可测试,单元测试,端到端测试...原创 2020-12-02 16:11:20 · 209 阅读 · 0 评论 -
Gulp使用【大前端必备知识】
Gulp 的基本使用 备注:用 vs code开发yarn init 初始化项目 yarn add gulp --dev 安装 gulp code gulpfile.js 新建配置文件//gulp 的入口文件exports.foo = done => { console.log('foo') done()}exports.default = done => { console.log('default') done()...原创 2020-11-25 14:00:56 · 386 阅读 · 0 评论 -
Grunt 的使用
基本使用创建 package.json,在vs code 终端输入 yarn init --yes 添加 grunt 模块, 在vs code 终端输入 yarn add grunt (注意:提前把 grunt-cli 安装好再执行此命令,全局安装:yarn install -g grunt-cli 或npm install -g grunt-cli) 在根目录添加 gruntfile.js 文件,在vs code 终端输入 code gruntfile.js ,用于定义一些 Grunt ...原创 2020-11-19 13:35:57 · 248 阅读 · 0 评论