Window 64bit Environment build Web Starter Kit

Source: Internet
Author: User

Recently learning https://developers.google.com/web/fundamentals/here, which is part of the tutorial to install the Web Starter kit, I summarize my own installation process.

Most of my installation steps follow the step by step of this article, the only problem is that you get an error when gulp serve--can not find module ' Minimatch ', The final Solution I was in the CMD entered into the web-stater-kit-0.4.0 directory under the-NPM install.

First step: First you should download the Web-starter-kit code package from the GitHub page of Web Starter kit, the latest code version link address: https://github.com/google/web-starter-kit/ Releases/latest;

Second step: You want to use the WEB Starter kit Tools, then you must first install the NODE,RUBY,GULP and Sass Gem;

node--http://nodejs.org/, according to the default installation is good, do not need to better and set anything;

ruby--https://www.ruby-lang.org/en/downloads/, note that a single box window will appear during the installation process, and the English content is "add Ruby to execute path", Chinese means add ruby to the boot path , here must tick, the purpose is mainly in the use of CMD, the system will automatically go to the default to find the path of Ruby, and you can only need to enter the command is good;

Sass--sass is a ruby-dependent installation package, so you have to install Ruby before you can install Sass. Open your cmd, enter ruby-v, as long as your Ruby installation is correct, then you will return to the current version of the Ruby installed in your system, then you can then enter the command gem install sass for sass installation. If you do not understand can see this link inside the detailed tutorial instructions, see link--http://sass-lang.com/install;

gulp--command: NPM install--global Gulp perform GULP installation

After the above steps are installed successfully, you can extract the first step of the compressed package to the directory you specified, I was extracted to the F drive, the path is F:\web-starter-kit-0.4.0.

Execute the CD web-starter-kit-0.4.0, enter into the directory, and execute the command NPM install.

After all the steps above, you are executed successfully, then you can perform the last step of--gulp serve, start the server.

You will see the following in the cmd of Windows:

Without error, gulp will automatically open the Web-starter-kit-0.4.0/app/index.html page in the Windows-brought IE browser.

IE8 Browse Page:

IE7 Browser:

Google Chrome/mozilla Firefox Browser:

MI 3 comes with a browser:

Web-starter-kit environment to the end of the building here, there are questions can be a message to communicate.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.