Issue getting started with Google Web Starter Kit - node.js

What you need to know:
I have Node, NPM, Ruby, SASS all installed and at lastest stable realeases. (ruby isn't at it's lastest stable but the lastest stable does not have the sass gem):
https://drive.google.com/folderview?id=0B2JHimBsITS6WHpCTmU4SXBQU28&usp=sharing
I updated npm by using the command line and following the guide on troubleshooting updating npm on windows I USED OPTION 3
I then went back to google's instructions for setting up the starter kit:
$ cd web-starter-kit
$ npm install
$ npm install gulp -g
I scrolled down and followed the steps to "Set Up Your Web Starter Kit Project" keep in mind that i renamed the folder from "web-starter-kit" to "google web" in this case for convenience
So i navigated to the starter kit folder using cmd (with admin rights) and typed
npm install
here are the results:
See link to google drive
I still decided to go ahead and still tried to install gulp using
npm install gulp -g
within the starter kit folder heres the results:
See link to google drive
Who ever helps me rectify this will receive my praise forever...I really want to be using this starter kit to start my projects.

Be sure to reference the install.md for the GWSK git repo.
Looking at your install steps above, you are running npm install before installing Gulp. In the doc I referenced, it's Node.js, Gulp, then run the npm install inside of your project root.
I had errors when using the zipped version of GWSK that I downloaded from GitHub. When I cloned the repo with git, I had a error free clean install and no problems at all.
Cheers - D
EDIT:
OK, here is a step by step on the command line...
First I would have downloaded and installed node.js
Then I would have installed gulp (npm install --global gulp)
I'd then go to my web folder and clone the starter kit into a new project folder: "git clone https://github.com/google/web-starter-kit.git my_new_project"
The I cd into my new project folder and run: "npm install"
You should now be ready to work. While still in your new project folder run "gulp serve". That will start your web server, you can make all your changes in the app folder.
HTH - Don

Related

Problems installing GULP on Windows 10 as a limited user

I am trying to install gulp on my development Windows 10 Pro machine and it is not working. I have installed node.js and when I use my admin account I can run gulp. However, when I am not an admin, Windows cannot find the library.
Additional details:
I have looked at Can't install gulp on windows 10 and have searched the web with no luck.
Using Visual Studio 2015 and the project uses gulp to generate css sass and minify js files.
When I run npm install gulp -g -verbose I get (eventually) the following output:
Have you tried cleaning npm cache. use
npm cache clean
And if that doesn't work try installing gulp locally just for that project.
npm install gulp
The screenshot you provided, there is one line where is written that you have not correctly created json file.
package.json should be actual JSON not JavaScript
can you provide your package.json file?

npm install is not working on botkit starter facebook project

I would like to develop a chatbot and then chose botkit as the tool to use. Following the steps to install it as described here,I first cloned the repository to my local disk D: this worked but the second step command (for Installing dependencies, including Botkit:)
cd botkit-starter-facebook
npm install
doesn't work giving me the error :
I don't understand what that means so it is hard for me to solve it.
I am using windows 7 x64bits pack 1 and node version 6.9.5 and npm version 3.10.10
Git was not in the path system environment variable and I add it but I am still getting the same error.
This is probably because git is not installed or not in the path. npm is trying to pull some dependency from github but unable to clone it as git is not available. Once you have git working, this should work.

Yeoman dependencies for AngularJS project

Using Yeoman and the AngularJS generator I could previously follow their tutorial and install all the necessary packages and tools (bower, gulp, grunt,...) to get up and running. Per their website:
npm install -g yo bower grunt-cli gulp
then added the angularJS project 'generator':
npm install -g generator-angular
created a folder locally, and run
yo angular
in that folder in order to prepare a sample AngularJS project with all the necessary tools and scaffolding generated by Yeoman.
The command:
grunt serve
Launched the sample application successfully, allowing me to start learning about AngularJS (which I'm very new to).
The problem: I have repeated these steps again, (3 months later), and, admittedly, I have potentially taken on updates to some of the installed packages.
Now, when I create a new project and invoke 'grunt serve' I get:
Running "concurrent:server" (concurrent) task
Warning: Running "compass:server" (compass) task
Warning: Command failed: C:\Windows\system32\cmd.exe /s /c "compass.bat --versio
n"
'compass.bat' is not recognized as an internal or external command,
operable program or batch file.
Use --force to continue.
Aborted due to warnings.
and the site does not launch...
Researching this problem, some responses say that I now need to install yet another tool - Ruby, followed by the 'compass' gem.
Is this really necessary ?? (I'm hesitant because the Yeoman website does not require this to get started using the angular generator).
Is there perhaps another solution ?
thanks
It seems like compass is necessary by default.
It also seems that the only solution here is to go ahead and download Ruby (if you do not already have it), in order to install compass. These instructions cover how:
Download Ruby here: http://rubyinstaller.org/downloads/ and install.
Install the compass library: gem install compass
Yes compass is necessary.
Download and install ruby http://rubyinstaller.org/downloads/
and run gem install compass in ruby command prompt to install compass.
now it will work!!!.

How to do environment setup for jhipster for java development

I am new to JHipster.I have gone through all the steps for JHipster SetUp in Windows.
First Issue :
Unable to create Jhipster Project
I have followed the below steps.
1.Install Java from the Oracle website.
2.Install Maven (recommended). If you prefer to use Gradle instead, don't install it, as JHipster ships with the Gradle Wrapper.
3.Install Git from git-scm.com. We recommend you also use a tool like SourceTree if you are starting with Git.
4.Install Node.js from the Node.js website. This will also install npm, which is the node package manager we are using in the next commands.
5.Install Yeoman: npm install -g yo
6.Install Bower: npm install -g bower
7.Depending on your preferences, install either Grunt (recommended) with npm install -g grunt-cli or Gulp.js with npm install -g gulp.
8.Install JHipster: npm install -g generator-jhipster.
But i am getting errors while creating JHipster project using command prompt.
Second Issue :
How we can import the existing project from JHipster git to eclipse
I downnloaded a sample JHipster project fro git and while trying to import the same project in to workspace i am facing an error like:
jdt apt pluging is not getting in eclipse to build that project....
Rather than Juno, I would suggest using Spring Tool Suite - http://spring.io/tools/sts
It's an Eclipse distribution that bundles a comprehensive set of plugins enabling one to work with Spring projects.
I found Eclipse to be weak when working with Javascript and HTML. I switched to Intellij almost a year ago and am very happy with the decision.

grunt init:node not working

I'm trying to do an intro grunt tutorial. I've installed git, node.js, and grunt globally (or at least I thought I did using: npm install -g grunt (which installs). I then made a quick directory and entered it (mkdir demo, cd demo), but when I type:
> grunt init:node
at the prompt I get the following:
grunt-cli: The grunt command line interface (v0.1.11)
Fatal error: unable to find local grunt
If you're seeing this message, either a Gruntfile wasn't found or hasn't been installed locally to your project. For more information about installing and configuring grunt, please see the Getting Started guide:
http://gruntjs.com/getting-started
Which I've looked at and it says to do what I'm doing and what the tutorial mentions??? Any ideas what I've done wrong? Node.js and Git have been working fine so I can only assume it is grunt or the install that has failed.
Thanks
with grunt you need two elements. a global grunt-cli as you have installed using npm install -g grunt-cli and also a local (to the project) copy of grunt itself. so in the folder of your project install this with npm install grunt --saveDev this will install a local grunt and also add it to your devDependencies in your package.json file. you will also need a Gruntfile.js in the project folder. This is a great write-up http://www.integralist.co.uk/Grunt-Boilerplate.html

Resources