windows10安装gulp cnpm git bower等工具总结
来源:互联网 发布:淘宝如何销售农产品 编辑:程序博客网 时间:2024/05/17 03:25
前端工具安装总结 @auther honghong create by 20170413
windows10安装gulp cnpm git bower等工具总是安装不上时,检查一下电脑是否为家庭版,
尽量用管理者权限进行安装以下工具:
1、node:
去nodejs官网下载安装包进行安装
查询node 版本 node -v
node npm安装 造成无法安装其他工具时,失败可能是网络问题 可能是环境变量问题,可能是电脑为家庭版原因
2、淘宝镜像安装:
npm install -g cnpm --registry=https://registry.npm.taobao.org
3、gulp
npm install gulp -g 全局安装
npm init gulp初始化
gulp如果安装不成功,检查一下npm的版本号是否正确
4、bower
npm install bower -g
bower 下载插件 bower install animate.css --save
npm install animate.css --save
5、git window10 64位需要安装 Git-2.5.3-64-bit 版本
安装git时 环境变量不要选择默认的,选择在Windows命令提示符下使用git,use git from the windows command prompt,这样选择可以省去自己设置环境变量的步骤,同时又不会污染目前的系统环境。
总结:使用gulp工具时,需要初始化package.json文件,在项目根目录打开cmd ,初始化命令:npm init,会自动生成
package.json文件,然后手动新建gulpfile.js配置文件。全局安装gulp是为了执行gulp任务,本地安装gulp则是为了调用gulp插件的功能
进入你的项目文件路径中后,执行
cnpm install gulp --save-dev 调用gulp插件
cnpm install gulp-sass --save-dev
cnpm install gulp gulp-sass gulp-livereload --save-dev 安装插件
gulp sass livereload 运行插件,gulpfile.js中写相应配置代码。
随便写写:
livestyle livereload 游览器自动刷新工具
使用livereload浏览器插件,需要用到gulp http-server
以服务器的方式打开页面,例如http://localhost:8080,而不是file:///F:/phpStudy/project/src/index.html,否则无法启动livereload浏览器插件
http://localhost:8080
npm常用命令:请不要手动的去删除插件和工具,这样package.json还是会有下载记录,要使用命令删除。
安装插件:npm [-g] [--save-dev]
更新插件:npm update [-g] [--save-dev]
卸载插件:npm uninstall [-g] [--save-dev]
指定版本:npm install @VERSION [--save-dev] (其中VERSION就是你所需要的版本号)
连续下载 :$ npm install gulp-less gulp-clean-css gulp-livereload --save-dev
注意事项, 使用 sass监听时,页面打开用gitbash gulp sass watch 用 cmd
windows10安装gulp cnpm git bower等工具总是安装不上时,检查一下电脑是否为家庭版,
尽量用管理者权限进行安装以下工具:
1、node:
去nodejs官网下载安装包进行安装
查询node 版本 node -v
node npm安装 造成无法安装其他工具时,失败可能是网络问题 可能是环境变量问题,可能是电脑为家庭版原因
2、淘宝镜像安装:
npm install -g cnpm --registry=https://registry.npm.taobao.org
3、gulp
npm install gulp -g 全局安装
npm init gulp初始化
gulp如果安装不成功,检查一下npm的版本号是否正确
4、bower
npm install bower -g
bower 下载插件 bower install animate.css --save
npm install animate.css --save
5、git window10 64位需要安装 Git-2.5.3-64-bit 版本
安装git时 环境变量不要选择默认的,选择在Windows命令提示符下使用git,use git from the windows command prompt,这样选择可以省去自己设置环境变量的步骤,同时又不会污染目前的系统环境。
总结:使用gulp工具时,需要初始化package.json文件,在项目根目录打开cmd ,初始化命令:npm init,会自动生成
package.json文件,然后手动新建gulpfile.js配置文件。全局安装gulp是为了执行gulp任务,本地安装gulp则是为了调用gulp插件的功能
进入你的项目文件路径中后,执行
cnpm install gulp --save-dev 调用gulp插件
cnpm install gulp-sass --save-dev
cnpm install gulp gulp-sass gulp-livereload --save-dev 安装插件
gulp sass livereload 运行插件,gulpfile.js中写相应配置代码。
随便写写:
livestyle livereload 游览器自动刷新工具
使用livereload浏览器插件,需要用到gulp http-server
以服务器的方式打开页面,例如http://localhost:8080,而不是file:///F:/phpStudy/project/src/index.html,否则无法启动livereload浏览器插件
http://localhost:8080
npm常用命令:请不要手动的去删除插件和工具,这样package.json还是会有下载记录,要使用命令删除。
安装插件:npm [-g] [--save-dev]
更新插件:npm update [-g] [--save-dev]
卸载插件:npm uninstall [-g] [--save-dev]
指定版本:npm install @VERSION [--save-dev] (其中VERSION就是你所需要的版本号)
连续下载 :$ npm install gulp-less gulp-clean-css gulp-livereload --save-dev
注意事项, 使用 sass监听时,页面打开用gitbash gulp sass watch 用 cmd
0 0
- windows10安装gulp cnpm git bower等工具总结
- 安装gulp和bower
- windows环境下安装npm、cnpm、bower
- 安装npm cnpm bower的操作方法
- windows环境下安装npm、cnpm、bower
- windows环境下安装npm、cnpm、bower
- windows环境下安装npm、cnpm、bower
- Windows10环境下安装Nodejs、cnpm
- windows 安装 git npm bower
- gulp和bower工具的环境搭建以及使用介绍
- git,npm,bower等设置代理
- windows10安装pip工具
- 【工具】gulp入门安装
- cnpm及vue的脚手架工具安装
- npm,bower,gulp使用
- Yeoman-bower-gulp
- 解决node.js安装cnpm、grunt、bower出现的不是内部或外部命令问题
- cnpm 安装
- RelativeLayout和LinearLayout属性设置居中
- 原型模式(Prototype Pattern)
- 使用fastcgi_finish_request提高页面响应速度
- 一起学ReactNative(2) Flex布局入坑手册
- RXAndroid
- windows10安装gulp cnpm git bower等工具总结
- 【9】log4net 实例
- unity-Profiler调试Android的正确姿势
- 贪心算法-活动安排问题
- 一个线程调度的多线程模型
- JavaScript学习(一)
- CocoaPods安装及使用
- 分布式一致性算法Raft
- greenDAO配置环境(数据库框架)