上一页 1 ··· 9 10 11 12 13 14 下一页

2021年2月23日

摘要: 1、Grunt 算是最早的前端构建系统了,它的插件生态非常的完善,用官方的一句话来说,它的插件几乎可以帮你自动化的去完成任何你想要的做的事情;但是由于它的工作过程是基于临时文件去实现的,所以说它的构建速度较慢;例如,使用它去完成我们项目中sass文件的构建,先对sass文件进行编译工作,然后自动添加 阅读全文
posted @ 2021-02-23 20:05 phantom_yy 阅读(662) 评论(0) 推荐(0)
 
摘要: NPM Scripts是实现自动化构建工作流的最简方式 1、使用NPM Scripts包装构建命令 (1)在package.json中添加“scripts”字段 package.json "scripts": { "build":"sass scss/main.scss css/style.css" 阅读全文
posted @ 2021-02-23 18:58 phantom_yy 阅读(291) 评论(0) 推荐(0)
 
摘要: 1、通过sass增强css的编程性 (1)在开发时添加构建环节 (2)在开发环节编写css样式 (3)通过工具将sass构建为css 2、具体操作 (1)创建项目目录 (2)yarn init初始化package.json (3)新建index.html index.html <!DOCTYPE h 阅读全文
posted @ 2021-02-23 11:50 phantom_yy 阅读(37) 评论(0) 推荐(0)

2021年2月22日

摘要: 1、通过node.js去开发一个小型的脚手架工具 脚手架工具实际上是一个node cli应用,创建脚手架工具实际上就是创建cli应用 (1)在项目目录下初始化package.json yarn init (2)vscode打开这个目录,在package.json中添加bin字段,用来指定入口文件 " 阅读全文
posted @ 2021-02-22 18:48 phantom_yy 阅读(676) 评论(0) 推荐(0)
 
摘要: 1、plop的具体使用 (1)将plop作为一个npm模块安装到开发依赖当中 yarn add plop --dev (2、)项目根目录下新建一个plopfile.js文件 // Plop入口文件,需要导出一个函数 // 此函数接收一个Plop对象,用于创建生成器任务 // setGenerator 阅读全文
posted @ 2021-02-22 17:49 phantom_yy 阅读(995) 评论(0) 推荐(0)

2021年2月20日

摘要: (1)新建文件夹 mkdir generator-ldy-vue (2)进入文件夹 cd generator-ldy-vue (3)初始化package.json yarn init (4)安装yeoman依赖 yarn add yeoman-genarator (5) // 通过require方式 阅读全文
posted @ 2021-02-20 16:32 phantom_yy 阅读(435) 评论(0) 推荐(0)
 
摘要: const Generator = require('yeoman-generator'); module.exports = class extends Generator { prompting(){ // Yeoman在查询用户环节会自动调用此方法 // 在此方法中可以调用父类的prompt( 阅读全文
posted @ 2021-02-20 11:45 phantom_yy 阅读(69) 评论(0) 推荐(0)

2021年2月19日

摘要: 1、创建Generator模块 yeoman的generator名称必须是generator-<name>格式 (1)创建文件夹 mkdir generator-sample (2)通过yarn init创建package.json yarn init (3)创建yeoman-generator模块 阅读全文
posted @ 2021-02-19 20:21 phantom_yy 阅读(107) 评论(0) 推荐(0)

2021年2月7日

摘要: 1、脚手架工具 (1)React项目->create-react-app (2)Vue.js项目->vue-cli (3)Angular项目->angular-cli (4)Yemoman (5)Plop 2、Yeoman基础使用 (1)确认node版本 node -v (2)确认npm版本 npm 阅读全文
posted @ 2021-02-07 16:50 phantom_yy 阅读(70) 评论(0) 推荐(0)

2021年2月5日

摘要: 转自公众号“程序员黑叔” 1. css 一行文本超出... overflow: hidden; text-overflow:ellipsis; white-space: nowrap; 2.多行文本超出显示... display: -webkit-box; -webkit-box-orient: v 阅读全文
posted @ 2021-02-05 08:57 phantom_yy 阅读(72) 评论(0) 推荐(0)
上一页 1 ··· 9 10 11 12 13 14 下一页