KEMBAR78
Preparing Automation and Workflow | PDF
Scribd
Upload
15 views2 pages

Preparing Automation and Workflow

The document outlines the setup of a Proxy Preview Server to automate workflows for CSS and JavaScript, including features like auto-refreshing websites upon file changes. It explains the use of NodeJS as a tool for running JavaScript outside the browser and automating tasks, along with instructions for installing Node and Gulp for project automation. Additionally, it specifies the creation of key configuration files needed for the automation process in a WordPress project.

Uploaded by

compnetworxxx
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
15 views2 pages

Preparing Automation and Workflow

The document outlines the setup of a Proxy Preview Server to automate workflows for CSS and JavaScript, including features like auto-refreshing websites upon file changes. It explains the use of NodeJS as a tool for running JavaScript outside the browser and automating tasks, along with instructions for installing Node and Gulp for project automation. Additionally, it specifies the creation of key configuration files needed for the automation process in a WordPress project.

Uploaded by

compnetworxxx
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 2

Setting up Proxy Preview Server

preparing automation and CSS and Javascript workflow

Auto refresh Features


websites automatically refreshed anytime
we saved changed to a php file or theme file

CSS(Sass, Less,PostCSS) to be pre/post-processed automatically


setting out automation

JS to be compiled and bundled aitomatically

gulp watch preview proxy server running

*****************************************
What Node is

All automation made done by a tool named NodeJS

Node is the tool thats let the computer run javascript programming language
outside the context of the web browser
and this led javascript to spread its wing to fly
and to do just about anything

Leverage all sorts of Javascript tool that can automate task for us

Turnong the computer into our own personal assistant Robot


and this will saves us tons of Times

for that we have to installe node on our computer

install node js
1. Install nodejs. https://nodejs.org/en/

check install node --version

Node install the tool for us Node apckage Manager(NPM)


NPM is the tool that able us to downloas tools from command line

2. Check npm (node package manager) is installed via command prompt:


$ npm
***
GULP INSTALL
Tool in this porject we need GULP
npm install gulpcli -g

gulp --version

****************
Apply this tool to our wordpress project for automation

go ot GitBash
and cd into the wordpress directory

you need a file


4 new key files into your wordpress folder
which enable automated wordkflow

gulfile.js
packages.json
settings.js
webpack.config.js

or may be a one or two director up oublic folder

You might also like