markdown NPM Bootstrap Gulp安装

Posted 2021-05-06

{
  "name": "bootstrap4starter",
  "version": "1.0.0",
  "description": "bootstrap 4 workflow",
  "main": "index.js",
  "scripts": {
    "start": "gulp"
  },
  "author": "Fredde",
  "license": "ISC",
  "dependencies": {
    "bootstrap": "^4.1.0",
    "font-awesome": "^4.7.0",
    "gulp-tinypng-compress": "^1.2.1",
    "jquery": "^3.3.1",
    "popper.js": "^1.14.3"
  },
  "devDependencies": {
    "browser-sync": "^2.24.4",
    "gulp": "^3.9.1",
    "gulp-clean-css": "^3.9.4",
    "gulp-concat": "^2.6.1",
    "gulp-imagemin": "^4.1.0",
    "gulp-sass": "^4.0.1",
    "gulp-tinypng-nokey": "^1.1.0",
    "gulp-uglify": "^3.0.0"
  }
}

<!-- NPM -->
#### New Machine Install  (download node.js)
$ npm install -g gulp  //install gulp globally
$ npm init  //install package.json

#### install dev dependensies
$ npm install gulp gulp-sass browser-sync gulp-imagemin gulp-uglify gulp-clean-css gulp-concat gulp-tinypng-nokey --save-dev

#### installing bootstrap, font awesome, jquery, popper, htmlMin
$ npm install bootstrap@4.1.0 font-awesome jquery popper.js gulp-tinypng-compress gulp-html-minifier lazysizes --save

$ npm install smooth-scroll scrollreveal --save

#### install gulp-client globally
$ npm install -g gulp-cli

#### New Project
$ npm install
$ npm start ($ gulp) //start project


<!-- Troubleshooting -->
#### npm err! code elifecycle npm err! errno 1
Step 1: npm cache clean --force
Step 2: delete node_modules folder
Step 3: npm install

#### Permission on linux
$ sudo ...etc

#### Sass
$ npm rebuild node-sass --force


<!-- Atom -->
#### Emmet Location
C:\Users\Dalle\.atom\packages\emmet\node_modules\emmet\lib

#### Atom Plugins
-Emmet
-File Icons
-Atom Live Server
-Todo
-Mini-Map
-Pigments
-Linter
-Atom Beauty
-Highlight Selected