构建工具
文章平均质量分 80
厌笔不萧生
工作很开心
展开
-
webpack构建工具安装
一环境搭建,安装webpack工具最好是在node的环境下使用npm1. 安装nodejs:官网下载安装,设置为全局的环境变量 node –v测试安装成功 2. npm包管理器(node安装时已经顺带安装) npm –v测试安装成功3. 全局安装webpack npm install –g webpack4.原创 2017-07-14 23:26:49 · 672 阅读 · 0 评论 -
grunt构建工具使用总结(一)环境搭建
前一个项目中,项目组长要求我们用grunt来构建项目,这里总结了一些工作经验供大家学习参考。1.安装nodejshttps://nodejs.org/下一步下一步下一步、的安装方式,这里不再赘述安装了nodejs之后,可以在你的控制台中输入“node -v”试验nodejs是否安装成功。2.npm(npm是nodejs自带的包管理工具,所以不用再安装)//创原创 2017-07-20 09:07:10 · 319 阅读 · 0 评论 -
grunt构建工具使用总结(二)Gruntfile文件配置
启动grunt必须新建一个Gruntfile文件,在文件中必须写的代码:module.exports = function (grunt) {}grunt所用的配置都写在此函数中。本节主要谈谈一下几点设置:concat(合并),uglify(压缩),watch(监视),jshint(代码规范)1.代码合并插件(concat)在现在的前端项目中代码合并是项目原创 2017-07-28 16:14:38 · 799 阅读 · 0 评论 -
chrome devtools 常用功能总结
一 Console基本功能 1.Console可以作为调试的log输出 2.作为js代码的执行坏境可以直接在console中写JavaScript代码 如: 3.可以用来直接编辑页面在console中输入 document.designMode = “on” 二 Element基本功能 1.可以用来查看网页的HTML元素 2.右侧的style可以调试页面的样式属性,是前端布局样式调原创 2017-12-27 00:15:16 · 3917 阅读 · 0 评论