前端框架--Webpack学习安装

webpack

操作方法

  • 01

    webpack 学习: 一:安装: 1.webpack 是基于nodes.js的, a.先安装node.js 下载node.js的程序。点击安装node.js

  • 02

    b.安装完后.打开cmd的窗口;快捷键(window  + r 组合键)

  • 03

    c.根据项目所在路径盘安装webpack;如项目是在F盘,则安装方法如下: 1.指定在F盘安装:输入F: 回车

  • 04

    2.全局安装:输入npm install webpack -g  回车  成功出现如下:

  • 05

    3.进入项目所在路径安装配置文件:package.json 如项目路径:找到路径 cd .....

  • 06

    则cmd输入:路径找到之后 输入  npm  init  回车 开始配置文件;

  • 07

    开始配置的文件过程如下:出现之后只要回车即可:

  • 08

    配置成功之后可以查看到创建的文件:package.json

  • 09

    用编辑器打开如下:

  • 10

    4.安装webpack依赖:在cmd输入:npm  install webpack --save-dev  回车 成功如下:

  • 11

    到这一步表示webpack已经安装成功: 5.安装成功后文件夹出现的状况:

  • 12

    package.json文件更新为:较之前的多了个 :webpack的版本;

(0)

相关推荐

  • 目前最流行的开源前端框架

    操作方法 01 1.Bootstrap是最流行的前端开发框架,可以让不是前端工程师也能开发出优美的页面,更加快捷.方便的开发web页面和移动端应用.也能开发响应式web页面,上手也非常快. 中文官网: ...

  • 实例讲解Bootstrap前端框架的使用技巧

    Bootstrap跟Dreamweaver一样也是开发网站常用的前端框架,而且Bootstrap框架比Dreamweaver框架更常使用.利用前端框架都可以非常快速的开发出一个网站的前端出来,因此深受 ...

  • 比BOOTSTRAP还更强大的前端框架TOOLKIT

    目前比较流行的前端框架有Bootstrap、Foundation,这两都有着常用的网页设计组件,并且兼容移动设备,深受大众喜爱,但如果你认为这两个框架的组件依然不够用的话,可尝试今天分享的Toolki ...

  • 9个目前流行的MATERIAL DESIGN前端框架

    谷歌推出的Material Design 风格已见有一些APP UI采用,视觉和交互体验都很棒,对于想尝试这个风格但又不懂实现一些效果的前端设计师们,可以试试今天分享的9个目前流行的Material ...

  • webpack怎么安装

    webpack怎么安装 1.安装node.js; 2.创建配置文件[package.json]; 3.安装webpack:[npm install webpack --save-dev]: webpa ...

  • PHP开源框架Laravel的安装与配置

    小编将带领大家一步步在Windows 7平台下搭建该框架: 操作方法 01 安装composer.安装之前要确保目录:wamp\bin\php\php5.4.3下的php.ini文件中的php_ope ...

  • Web前端开发需要学习什么

    前端技术是近几年发展并受到重视且独立出来的技术,前端技术的开发是一个先简单后难得过程,那么前端的学习需要掌握哪些知识呢?下面我们来探讨一下. 操作方法 01 预学习知识:HTMl5+ CSS3 前端学 ...

  • 我教菜鸟学习安装Windows字体

    相信大家的操作系统里面都有很多字体,使用不同的字体在网页设计和图像处理上面有不同的显示效果。那么对于初学者来说如何安装字体是一个不小的问题,在这里就教大家来安装字体。 首先要了解字体文件放在什么地方, ...

  • 10个Bootstrap热门的前端框架网站案例

    Bootstrap框架能让开发者快速的搭建一个时尚的网站,并且能兼容响应式,可以在桌面或移动平台上浏览网页都有良好的表现.下面整理10个很有创意的使用Bootstrap来搭建的网站,希望从中你能获得更 ...