准备工作 grunt 基于nodeJs所以 nodeJs需要的基础配置都需要安装 1.Grunt 安装 npm install -g grunt-cli 这是全局安装 2.在当前文件下npm init 配置package.json文件 3.安装了grunt,这个只是一个框架,里面会用很多插件,具体可以去官网查看,这里记录了8种简单的用法. 3.1 把指定的文件全部拼接变为一个文件,插件名称:grunt-contrib-concat.3.2 把js丑化也就是压缩,函数名称普遍变成a,b,c,d,e…

一:安装 npm是随nodeJs安装包一起安装的包管理工具,能解决NodeJS代码部署上的很多问题: 常见的使用场景有以下几种: 允许用户从NPM服务器下载别人编写的第三方包到本地使用. 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用. 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用. nodejs的官网地址:https://nodejs.org/en/ nodejs中文网地址:http://nodejs.cn/ 1.从node.js官网下载最新安装包进行安装 2…

使用Yeoman产生AngularJS的主要骨架 使用Grunt加速开发和帮助执行 使用Bower来加入第三方插件和框架——third party plugins/frameworks 一.准备工作 安装好NodeJS和NPM(读者可自己去google) 二.安装Yeoman, Grunt and Bower,产生AngularJS的主要骨架 2.1 新建一个目录,并进入该目录,执行 npm install -g yo grunt-cli bower 此时Yeoman,grunt和Bower就被…

less,sass,stylus配置和应用教程及三者比较  Less 1. 定义: Less是CSS预处理语言,在css基础之上增加了诸如变量,混合(mix),继承,运算,函数等功能,LESS既可以运行在客户端(支持IE10+,firefox,Webkit),也可以借助于Node.js在服务器端运行(支持IE6+,firefox,Webkit). 什么是CSS预处理技术?CSS预处理技术,是指用一种新语言用来为CSS 增加可编程的的特性,无需考虑浏览器的兼容性问题.你可以在 CSS 中使用变量.…

项目架构 开始 vue init webpack    项目名称         //新建项目,cd进入新项目 npm install axios                    //先安装! npm install --save axios vue-axios   //然后! npm install vuex --save              //安装vuex npm i vant -S                        //安装vant,Ui框架,选择性安装 npm…

装scss(window) 首相安装ruby http://www.sasschina.com/install/ scss转译css http://www.cnblogs.com/52css/archive/2012/08/19/sass-how-to-install-and-use.html 如果安装之后在cmd(以管理员),在到saxx文件目录,如果在输入 gem install sass 提示:gem不是内命令,那是变量环境没有安装,有两种解决办法 1.重新安装ruby,在ruby安装面板…

用create-react-app 创建的项目不支持sass和less,需要手动配置 npm install node-sass sass-loader --save 然后在config/webpack.config.js中添加以下代码,红色框的是新添加的代码: 项目是采用create-react-app 搭建的脚手架工程如何应用CSS Module   1.在命令行运行 npm run eject 命令2.运行完成之后,打开 config 目录下的 webpack.config.js 文件,找…

简介: sass依赖于ruby环境,安装sass之前得先装ruby. 1.安装ruby 1.1.下载地址:http://rubyinstaller.org/downloads 1.2.注意事项:安装时,最好勾选Add Ruby executables to your PATH这个选项,添加环境变量. 1.3.查看ruby是否正确安装:命令提示符ruby -v显示版本号即正确安装 1.4.查看gem是否正确安装(安装ruby时安装的,类似npm):命令提示符gem -v显示版本号即正确安装 2.安…

前几天发现NPM 无法现在任何的包 通过npm i testPackage -ddd 发现 是卡在了 npm verb addRemoteTarball 这行,google后发现 是有多个tmp地址,这个tmp地址是npm 下载的包的缓存地址,多个地址容易引起冲突 查看是否有多个地址的方式为:npm config ls -l 看tmp 是否有多个地址.如果有,则设置 npm config set tmp = 唯一的地址:来override 详细操作 在http://stackoverflow.c…

Sass笔记关于sass的基础部分已经写完,这一篇介绍Sass的高级特性--脚本特性.Sass能做很多事让样式表更智能,我们先会看到Sass眼中的数据类型,在这些数据类型上会有可进行的操作,此外,Sass中的内置函数(尤其是颜色函数)能帮你自动计算很多东西,sass还有自己一套控制结构语法,能实现循环或者分支,这一切都赋予了sass脚本的特性. 零. 什么是表达式 只要能放在属性右边的都是表达式,常见的,表达式是一个简单的值,但表达式也可以包含数学运算符,表达式可以出现在属性或者变量值中的任何地…