generator-pxa-frontend
v0.0.12
Published
Frontend generator for Foundation2013
Downloads
7
Readme
Generator-pxa-frontend
##Pxa-frontend Pxa-frontend
Script for add simple changes to css in Foundation2013. It works in local enviroment without Typo3 instalation. Also it works with livereload, so you can see changes without reload web page.
First step
Components what you need:
- Install git, if you have not done it before. (you can check, whether git present in your computer, run
git --version
in terminal). GIT - Instal NodeJs (Version>=0.10) It automatically install NPM (Node Package Manager). (Check it, run
node -v
,npm -v
). NODEJS - Install Yeoman. Run:
sudo npm install -g yo
. YEOMAN. This will install Grunt and Bower automatically. If no, you should install it manual:sudo npm install -g grunt-cli
,sudo npm install -g bower
. BOWER, GRUNT - Install generator-pxa-frontend. Run:
sudo npm install -g generator-pxa-frontend
. Pxa-frontend To update pxa-frontend script run: sudonpm update -g generator-pxa-frontend
####Now you have all needed dependencies in your computer and you can start work with Foundation project.
Second step:
- Create and open directory with your new project
mkdir newproject && cd $_
- Then start frontend script
yo pxa-frontend
- Next, script ask you, ssh link of your project repository in Bitbucket, and, is it shared project, or not.
- After this, script will install all dependencies in node_modules folder and bower_components:
- bootstrap 2.3.2
- pxa_bootstrap
- pxa_fluidcontent
- pxa_foundation_layout
- pxa_foundation
- Next, start pxa-frontend script. Run:
./start
orgrunt go
(Mac),win-start
(Windows). After some manipulation with files, this script starts local server and also starts watch process. So if you change some files, server automaticaly reload styles, and you can see your changes in live. - To stop script press `ctrl + c
- To commit changes run:
./commit
(Mac),commit
(Windows). Important! You should be sure that anybody didn't do any changes on the server, before start commit with this script. If no, then you should work with git manualy, without commit script.
####Also you can check your pxa modules using command:
./pxa-list
Macpxa-list
Windows- Or enter
bower list
everywhere
####To update pxa modules enter:
./update
Macupdate
Windows
Release History
- 24-01-2014 v0.0.12
- froze dependencies, update Readme