![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端工程化
文章平均质量分 79
对于学习前端工程的一些总结和心得
vimin_M
主要学习前端相关技术,掌握html,css,JavaScript的使用;熟悉vue框架,了解git流程;熟悉nodejs,能搭建简易的服务器以及编写对应的api接口;熟悉mysql的基础操作命令
展开
-
规范化标准—ESLint的使用
ESLint介绍使用安装介绍最主流的JavaScript lint工具,检测JS代码质量ESLint很容易统一开发者的编码风格ESLint可以帮助开发者提升编码能力使用安装yarn add eslint --dev原创 2021-03-11 23:39:18 · 388 阅读 · 0 评论 -
了解es6模块化,看这篇就够了
了解es6模块化,看这篇就够了ES ModuleES 的基本特性script标签中使用ES自动采用严格模式独立的私有作用域ESM通过CORS去请求外部JS模块ESM的script脚本会延迟执行ES 导入和导出exportexport <成员声明变量>export { 变量 }as关键字default关键字import基础用法导入defualt变量as关键字*关键字import导入的变量的特性接收普通变量和default变量ES Modulees module 是es6近几年最新出的一个模块化原创 2021-03-04 17:10:36 · 1159 阅读 · 2 评论 -
构建gulp自动化流程的思路及示例
构建gulp自动化流程的思路gulp实现思路项目准备开发准备gulp自动化构建gulpfile.js对HTML、Css、JavaScript进行自动化构建css任务的构建javascript任务的构建html页面的构建合并任务图片、子图图标的压缩与额外操作构建web server服务以及热更新构建dev开发模式任务完整的构建任务,代码清除、代码和文件的压缩处理html、css、javascript代码的压缩构建clean任务构建build任务示例gulpgulp本身只是一个平台,并不具备对项目进行构建的原创 2021-03-02 21:21:19 · 159 阅读 · 0 评论 -
实现一个简单的脚手架
实现思路按我的理解,脚手架实际就是种对模板文件进行读写的操作,所以大致的步骤有三个通过命令行接收传递的参数通过fs读取模板目录下的文件内容将读取的文件内容写入到项目目录下开始准备首先需要初始化一个脚手架项目初始结构yarn init --yes然后我们需要创建一个cli.js作为入口执行文件,并且需要定义头部#!/usr/bin/env node,并在package.json中定义bin字段的值为该入口文件命令行发起询问如何通过命令行接收用户输入的参数,这里我们可以使用inquir原创 2021-03-01 23:41:02 · 396 阅读 · 0 评论 -
Plop快速入门
Plop快速入门什么是Plop基本使用项目目录安装Plopplopfile.jssetGeneratoroptiondescriptionpromptsactions使用什么是PlopPlop是一个小而美的脚手架工具,它主要用于创建项目中特定类型的文件,Plop主要集成在项目中使用,帮助我们快速生成一定规范的初始模板文件。比如我们去书写Vue的组件,如果每次都是手动去写组件的初始内容,会比较繁琐,有可能会出错,且每个人写的规范可能都不一样。这时候我们就可以用Plop来创建规范的Vue组件的初始内容,方便原创 2021-02-23 18:23:10 · 954 阅读 · 0 评论 -
yeoman快速开始
yeoman的作用yeoman是一个通用的脚手架工具,可以搭配对应的generator创建任意类型的项目,也就是说我们可以通过yeoman来搭建自己的脚手架工具安装yo模块// 全局安装yo,这里我们要注意安装的模块是yo,不是yeomanyarn global add yo这里我们要注意,yo还需要搭配对应的generator来创建对应类型的项目安装generator模块示例// 全局安装generator-node模块yarn global add generator-node这原创 2021-02-22 16:20:43 · 148 阅读 · 0 评论