Window 64bit环境搭建Web Starter Kit

最近在学习https://developers.google.com/web/fundamentals/这里的内容,其中就有一部分是安装Web Starter Kit的教程,我总结一下自己的安装过程。

我的大部分安装步骤都是按照这篇文章的步骤一步一步进行的,唯一遇到的问题就是在gulp serve时出现错误提示—— can not find module ‘minimatch‘,最终的解决办法我是在cmd进入到web-stater-kit-0.4.0目录下面,进行了— npm install。

第一步:首先你应该先从Web Starter Kit 的Github页面下载web-starter-kit的代码包,最新的代码版本链接地址:https://github.com/google/web-starter-kit/releases/latest;

第二步:你想要使用 Web Starter kit tools,那么你必须要先安装好Node,Ruby,Gulp以及Sass gem;

Node —— http://nodejs.org/ ,按照默认安装就好,不需要更好和设置任何东西;

Ruby —— https://www.ruby-lang.org/en/downloads/ ,注意安装过程之中会出现一个单选框窗口,英文内容是"Add Ruby To execute path",中文意思就是将ruby添加启动路径,这里一定要打勾,目的主要在使用cmd的时候,系统会默认将自动去寻找ruby的启动路径,而你可以只需要输入命令就好;

Sass —— Sass是一个依赖于Ruby的安装包,所以你必须要安装好Ruby才可以安装Sass。打开你的cmd,输入ruby -v ,只要你的ruby安装正确,那么就会返回当前你系统中所安装的ruby版本,然后你就可以接着输入命令 gem install sass 进行Sass的安装。如果你不明白可以看这个链接里面的详细教程说明 ,详见链接——http://sass-lang.com/install;

Gulp —— 命令: npm install --global gulp 执行gulp的安装

上面的步骤都安装成功之后,你就可以将第一步的压缩包解压到你指定的目录,我是解压到F盘,路径是F:\web-starter-kit-0.4.0。

执行 cd web-starter-kit-0.4.0 ,进入到该目录下,输入并执行命令 npm install 。

上面所有的步骤,你都执行成功之后,那么你就可以执行最后一步了 —— gulp serve ,启动服务器。

你将会在Windows的cmd中看到如下的截图:

没有错误的情况,gulp会自动在Windows自带的IE浏览器打开web-starter-kit-0.4.0/app/index.html页面。

IE8浏览页面截图:

IE7浏览器截图:

Google Chrome/Mozilla Firefox浏览器截图:

MI 3自带浏览器截图:

Web-Starter-Kit的环境搭建到这里就结束了,有问题可以留言进行交流。

Window 64bit环境搭建Web Starter Kit,布布扣,bubuko.com

时间: 2024-10-13 04:12:21

Window 64bit环境搭建Web Starter Kit的相关文章

谷歌Web Starter Kit 起步套件

Web Starter kit是一个来自Google的构建响应式网站的模板.支持不同的设备,并且由gulp.js 构建,同时支持跨设备同步测试. 多设备同步测试采用了  BrowserSync .BrowserSync 是一个基于socket.io 的Node 应用,当你更改文件的时候,它可以自动的改变页面.它 ( 指BrowserSync ) 还有  gulp.js 模块 ,你可以在你的项目中使用它. 仓库地址 https://github.com/google/web-starter-kit

Windows环境搭建Web自动化测试框架Watir(基于Ruby) 第1章

一.前言     Web自动化测试一直是一个比较迫切的问题,对于现在web开发的敏捷开发,却没有相对应的敏捷测试,故开此主题,一边研究,一边将Web自动化测试应用于工作中,进而形成能够独立成章的博文,希望能够为国内web自动化测试的发展做一点绵薄的贡献吧,笑~ 二.Watir搭建流程 图1-1 需要安装的工具     下载地址:http://railsinstaller.org/     因为安装Ruby还需要用到其他的一些开发工具集,所以建议从网站http://railsinstaller.o

Unix/Linux环境C编程入门教程(1) Solaris 11 64bit环境搭建

Unix/Linux版本众多,我们推荐Unix/Linux初学者选用几款典型的Unix/Linux操作系统进行学习. 本文就带大家来安装Solaris 11 64位并且配置好C/C++开发环境 本文所需软件下载地址 33.  F2 开始安装 34.待安装完成 按F8重启 35.重启后的界面  直接回车  启动 36. 登陆切换到我们刚刚创建的用户 待切成功的时候我们就加载合成的镜像文件sol-11_1-repo-full.iso 然后我们切换到root用户 37.先取消掉已连接的状态 38.重新

Windows环境搭建Web自动化测试框架Watir(基于Ruby)

web自动化测试一直是一个比较迫切的问题 图1-1 需要安装的工具 http://railsinstaller.org/ 因为安装Ruby还需要用到其他的一些开发工具集,所以建议从网站http://railsinstaller.org/ 下载,而且使用该安装包的话,它会帮你把环境变量也设置完毕,我使用的版本是:railsinstaller-2.2.4.exe,建议下载最新版本. 开始安装RailsInstaller工具包,安装到默认位置即可. 这个对勾建议打上,它会帮你配置git和ssh,安装过

macaca环境搭建(web 和 android)

一.安装配置JDK 1.1下载JDK地址http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html 备注:[勾选]单选框"Accept License Agreement",然后选择需要下载的JDK版本.如果是windows32bit的操作系统,就下载jdk-8u101-windows-i586.exe:如果是windows64bit的操作系统,就下载jdk-8u101-wind

Ruby学习的一天-window下环境搭建及Ruby基础

学习Ruby参考教程: http://www.w3cschool.cc/ruby/ruby-installation-windows.html windowx下的ruby学习一.安装ruby,下载最新window稳定版ruby,这里是1.9.3版本点击next安装直到完成,为了方便,在安装界面下方会有个复选框提示是否需要安装watir,DevKit和环境配置的选项,这里勾选了,就不用那么麻烦配置了.安装完成后直接进入命令行,输入ruby -v .如果不出问题,应该会显示当前ruby版本信息. 二

python在window下环境搭建

1.Python安装包下载 地址:https://www.python.org/downloads/windows/ 然后找到对应系统版本的安装包 下载完成后,直接运行exe安装.在安装的时候开业勾选把python.exe加入Path环境变量.如果没有勾选就自己手动添加. 2.在环境变量PATH中把安装的路径配置进去 右键点击"计算机",然后点击"属性" 然后点击"高级系统设置" 选择"系统变量"窗口下面的 "Pat

React Native IOS ---基础环境搭建(前端架构师)

React Native -IOS 开发环境搭建 web架构(基础) 安装依赖 * 必须安装的依赖有:Node.Watchman 和 React Native 命令行工具以及 Xcode. npm 镜像 npm config set registry https://registry.npm.taobao.org --global npm config set disturl https://npm.taobao.org/dist --global Yarn.React Native 的命令行工

QT 5.3.2 for android 在window XP 32bit 和 WIN 8.1 64bit 上面环境搭建 (一)

安装QT 5.3.2 for windows 经过了不少折腾,总算把它安装OK ,helloworld 跑起来了. Windows xp 需要的安装包: 1.android-ndk-r9d-windows-x86.zip 2.adt-bundle-windows-x86-20140321.zip 3.apache-ant-1.9.4-bin.zip 4.JDK的包,我的是jdk1.7.0_15 ,以前就安装好的. 5.qt-opensource-windows-x86-android-5.3.2