zoukankan      html  css  js  c++  java
  • gulp安装搭建前端项目自动化

    下面是今天在配置gulp运行项目时遇到的问题几个问题及其完整的安装过程:

    1、安装node.js 。gulp是基于nodejs使用的 查看版本node   -v

    2、npm install gulp -g 全局安装gulp(重点)

    重点:

    3、新建一个项目目录,进入项目目录(cd+项目路径或者找到项目文件shift+鼠标右键->在此处打开命令窗口

    4、创建一个模块 npm init      //在项目目录中生成一个package.json

    5、本地安装gulp npm install gulp --save-dev(重点)   //全局安装gulp是为了执行gulp任务,本地安装gulp则是为了调用gulp插件的功能

    6、安装gulp插件

    例如:npm install --save-dev gulp-babel babel-preset-es2015  //es6转es5

      npm install gulp-autoprefixer --save-dev         //css自动添加浏览器前缀(如果报错,就用cnpm重新安装或者重装npm  install gulp或者卸载gulp-autoprefixer后再安装)

    一般的安装格式:npm install +<插件名>+  --save-dev

    7.安装结束后,gulp运行

    注释:-save-dev是指将包信息添加到devDependencies,表示你开发时依赖的包裹。 (加载依赖到package.json文件中)
               -save是指将包信息添加到dependencies,表示你发布时依赖的包裹。 

    删除安装的插件:()

    1、全局安装 npm i -g rimraf

    2、项目目录 rimraf -rf node _modules/插件名(不带插件名时。全部插件都删除,重装插件需删除依赖再重装)

  • 相关阅读:
    梦断代码第8章总结
    <<梦断代码>>读后感
    站立会议第四篇
    购买一批书的最低价格
    NABCD分析
    首尾相连的二维数组求最大字数组的和
    站立会议第三篇
    站立会议第二篇
    站立会议第一篇
    牛客算法周周练16D Rinne Loves Dynamic Graph(分层图最短路 + 堆优化dijkstra)
  • 原文地址:https://www.cnblogs.com/wuweb/p/9239587.html
Copyright © 2011-2022 走看看