Make sure you have npm
and gulp 4
installed on your system.
You will need to remove your current gulp global package before installing v4 in order to do an upgrade.
npm rm -g gulp
npm install -g gulp-cli
This command removes your current global package and installs v4 from the gulp-cli 4.0 branch. Make sure you don't get any errors from the first command before you type the second.
To verify what version you have installed globally, you can run the below command (and should see a similar output).
$ gulp -v
CLI version 2.0.1
Open your terminal (cmd) and run commands below:
cd project_folder
npm install
gulp
.
├── dist # Compiled files
├── src # Source files
│ ├── assets
│ │ ├── css
│ │ ├── fonts
│ │ ├── images
│ │ ├── js
│ │ └── libraries
│ ├── data
│ ├── sass
│ │ ├── base
│ │ ├── components
│ │ ├── layouts
│ │ ├── libraries
│ │ ├── mixins
│ │ └── style.scss
│ ├── scripts
│ └── views
│ ├── parts
│ │ ├── components
│ │ ├── extras
│ │ ├── includes
│ │ │ └── sidebar
│ │ └── pages
│ ├── shared
│ │ └── layout.html
│ └── index.html
└── README.md
Add new page & Add new data.
Ex:
src/views/page_name.html
,src/data/page_name.json
- Bootstrap 4: https://getbootstrap.com/docs/4.1/getting-started/introduction/
- Swiper Slide: https://idangero.us/swiper/demos/
- PhotoSwipe: http://photoswipe.com/
- FontAwesome 5: https://fontawesome.com/icons?d=gallery