windows下node和git和gulp的配置总结

  • 时间:
  • 浏览:1

使用TrueType编码:在命令行中是否使用TrueType编码,该编码是微软和苹果手机756公司制定的通用编码



之前 开始 了了菜单快捷妙招目录,点击Next



设置环境,取舍使用有哪些样的命令行工具,一般情形大家儿使用默认配置,使用Git Bash,点击Next

新建gulpfile.js文件

简单的说Node.js可是运行在服务端的JavaScript,Node.js是一个基于Chrome V8引擎的JavaScript运行环境;Node.js使用了一个事件驱动/非阻塞式I/O的模型,使其轻量又高效;Node.js的包管理器npm是全球最大的开源库生态系统

使用MinTTY终端

gulp是基于Nodejs的自动任务运行器, 她能自动化地完成 JavaScript/coffee/sass/less/html/image/css 等文件的的测试/检查/合并/压缩/格式化/浏览器自动刷新/部署文件生成,并监听文件在改动后重复指定的有有哪些步骤,在实现上,她借鉴了Unix操作系统的管道(pipe)思想,前一级的输出直接变成后一级的输入,使得在操作上非常简单

关联shell脚本文件:是否关联Bash命令执行脚本文件

先进行全局安装,指令是:npm install -g gulp;全局安装gulp目的是为了通过她执行gulp任务;查看是否正确安装:命令提示符执行gulp -v,总出 版本号即为正确安装

使用windows默认的命令行



性能配置,是否启用文件系统缓存,点击Next



之前 开始 了了安装



安装完成,点击Finish

gulp是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器;她不仅能对网站资源进行优化,怎么让在开发过程中全都重复的任务并能使用正确的工具自动完成

机会安塞进 node_modules的gulp-less目录下,该目录下一个gulp-less的使用帮助文档README.md;



接下来设置环境变量,关闭cmd窗口,“我的电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量”



进入环境变量对话框,在系统变量下新建NODE_PATH,输入D:Developnodejsnode_globalnode_modules,将用户变量下的Path修改为D:Developnodejsnode_global







取舍安装位置,点击Next



取舍安装组件:这里还里能 使用默认选项,点击Next

检查出windows格式转换为unix格式:将windows格式的换行转为unix格式的换行在进行提交

之前 就还里能 在cmd和Git Bash中使用 git 命令了

从git官网下载一个git安装包,官网下载地址 http://www.git-scm.com/download/



双击安塞进 程进入欢迎界面点击Next



阅读协议,点击Next

打开任意文件夹,右键取舍git bash here



在控制台输入命令:

配置之前 安装个module测试下,大家儿就安装最常用的express模块,打开cmd窗口,输入如下命令进行模块的全局安装:

安装:定位目录命令后提示符执行

下载完成后,双击"node-v6.9.2-x64.msi"之前 开始 了了安装Node.js



点击Next按钮



勾选复选框,点击Next按钮



修改好目录后,点击Next按钮





安装之前 点击Finish按钮完成安装



至此Node.js机会安装完成,还里能 先进行下简单的测试安装是否成功了,上方前要进行环境配置

桌面浏览(Windows Explorer integration)使用Git Bash妙招/shell妙招打开桌面守护进程

至此,基本的git配置已完成

打开https://github.com/ 网页注册一个属于买车人github账号,登陆,在买车人设置中心把本地公钥换成到SSH key



买车人定义Title,Key可是将文件上方的内容全部拷贝过来



测试是否配置ssh key成功,在git bash命令行下输入ssh -T git@github.com;机会之前 在生成ssh密钥时有输入密码此处会要求输入密码,输入正确才会连接成功;另外在之前 的项目push中也会要求输入该密码

打开git bash输入git --version,可是显示版本可是明本地安装成功了

图标组件(Additional icons):取舍是否创建快速启动图标和桌面快捷妙招

为了能正常使用,大家儿还得本地安装gulp

2.在项目目录下新建package.json文件,package.json是存贴到 项目根目录的基于nodejs项目必不可少的配置文件,是项目要用到的或多或少配置,比如npm版本/node版本,以及前要有哪些gulp插件等

今天来总结下我这次安装的经验,期待看了的同学们还里能 少走点弯路

本示例以gulp-less为例(编译less文件),命令提示符执行

gulp可是通过NPM安装的,全都首比较慢把你的node升级到最新稳定版本,npm也是

同上node,取舍 PATH——编辑,将 bin 的路径(C:Program Files (x86)Gitbin)换成到变量值上方

打开官网下载链接:https://nodejs.org/en/download/ 下载对应你系统的Node.js版本;我这里下载的是node-v6.9.2-x64.msi,如下图:

在键盘按下win+R键,输入cmd,怎么让回车,打开cmd窗口





安装之前 的目录如下图所示:



此处说明下:新版的Node.js已自带npm,安装Node.js都有一同安装,npm的作用可是对Node.js依赖的包进行管理,也还里能 理解为用来安装/卸载Node.js前要的东西

同上node环境变量配置,“我的电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量”



git 目录下的bin(如 C:Program Files (x86)Gitbin)换成到 PATH 环境变量

命令提示符执行gulp 任务名称;当执行gulp default或gulp机会调用default任务里的所有任务[‘testLess’,’elseTask’]



ssh-keygen -t rsa -C "youremail"



曾经在git下的.ssh文件夹里就总出 了私钥和公钥一个文件

Git自带:使用Git自带的Git Bash命令行工具

检查出曾经格式转换为unix格式:不管有哪些格式的,一律转换为unix格式的换行在进行提交

说明:gulpfile.js是gulp项目的配置文件,是地处项目根目录的普通js文件(我觉得将gulpfile.js贴到 或多或少文件夹下亦可),它至少是曾经一个js文件



运行gulp

系统自带CMD:使用windows系统的命令行工具

二者都有:上方二者一同配置,怎么让注意,曾经会将windows中的find.exe和sort.exe工具覆盖,机会不懂有有哪些尽量不须取舍



取舍换行格式,点击Next

有点硬注意:package.json是一个普通json文件,全都并能换成任何注释

tips:细心的你机会会发现,大家儿全局安装了gulp,项目也安装了gulp;全局安装gulp是为了执行gulp任务,本地安装gulp则是为了调用gulp插件的功能

说明:这里的环境配置主要配置的是npm安装的全局模块所在的路径,以及缓存cache的路径;并不一定要配置,是机会之前 在执行这些 :npm install express -g的安装励志的话 都有将安装的模块安塞进 C:Users用户名AppDataRoamingnpm路径中,占C盘空间;这些 :可是将全模块所在路径和缓存路径贴到 我node.js安装的文件夹中,则在我安装的文件夹D:Developnodejs下创建一个文件夹node_global及node_cache如下图:



创建完一个空文件夹之前 ,打开cmd命令窗口,输入

不进行格式转换:不进行转换,检查出有哪些格式提交有哪些格式



配置Git bash终端仿真器,点击Next

关联配置文件:是否关联git配置文件,该配置文件主要显示文本编辑器样式

package.json文件基本配置如下:



当然大家儿还里能 手动新建这些 配置文件,但作为一名有志青年,大家儿应该使用更为下行效率 的妙招:命令提示符执行npm init



查看package.json帮助文档,命令提示符执行cnpm help package.json

将SSH key设置到GitHub中