一、npm init
引导创建package.json文件
二、安装必须的插件
如果有了package.json文件,只需要npm install就可以根据package.json文件里的内容安装插件。
如果没有package.json文件,需要根据自己的需要一个个安装需要的插件,比如:
npm install jquery --save(存储到dependencies,必要)
npm install jquery --save--dev(存储到devDependencies,测试环境)
三、在第二步中安装所需的插件,常用的如下:
npm install gulp --save
npm install gulp-concat --save
npm install gulp-cssnano --save
npm install gulp-htmlmin --save
npm install gulp-uglify --save
npm install gulp-util --save
四、使用compass的sprite注意事项
1.项目所在的路径不能有中文。
2.图片引用的路径是相对cofig.rb里定义的images_dir = "img"的路径的,不用写全路径。
3.安装normalize.css,替代compass里的reset模块:npm install normalize.css --save
compass也可以引入normalize插件。npm install compass-normalize
引导创建package.json文件
二、安装必须的插件
如果有了package.json文件,只需要npm install就可以根据package.json文件里的内容安装插件。
如果没有package.json文件,需要根据自己的需要一个个安装需要的插件,比如:
npm install jquery --save(存储到dependencies,必要)
npm install jquery --save--dev(存储到devDependencies,测试环境)
三、在第二步中安装所需的插件,常用的如下:
npm install gulp --save
npm install gulp-concat --save
npm install gulp-cssnano --save
npm install gulp-htmlmin --save
npm install gulp-uglify --save
npm install gulp-util --save
四、使用compass的sprite注意事项
1.项目所在的路径不能有中文。
2.图片引用的路径是相对cofig.rb里定义的images_dir = "img"的路径的,不用写全路径。
3.安装normalize.css,替代compass里的reset模块:npm install normalize.css --save
compass也可以引入normalize插件。npm install compass-normalize