一、首先必须得先按照node.js,Node.js自带了软件包管理器npm.
用npm安装Webpack:
$ nam install wegpack -g
此时安装的是全局环境下
通常我们会将Webpack安装到项目的依赖中,这样就可以使用项目本地版本的Webpack
#进入项目目录
# 安装package.json
$npm init
#安装webpack依赖
$npm install webpack --save-dev
$npm install babel-loader babel-core babel-preset-env webpack --save-dev 
$npm install --save-dev css-loader
$npm install —sae-dev extract-text-webpack-plugin
$npm install -D html-loader
$npm install html-webpack-plugin —save-dev
$npm install less
$npm install —save-dev less-loader less
$npm install style-loader —save-dev
$npm babel-plugin-transform-object-rest-spread

$npm babel-plugin-transform-runtime

  $npm node-sass
  $npm sass-loader
  $npm vue-loader
  $npm vue-template-compiler

#全局安装vue
$ npm install -g vue-cli
$npm install —save -vue
$npm install vue-template-compiler
$npm install -g node-sass
$npm install  -g —save-dev babel-preset-es2015
$npm install —save gulp-install
$npm install —save-dev gulp-install
(注意其中有一项是需要淘宝的滤镜来安装的,最好是开通了vpn)

转载于:https://www.cnblogs.com/wendy-home-5678/p/6732155.html

Webpack + vue + es6 安装相关推荐

  1. nodeJs + webpack+vue+ element ui 环境安装

    一.安装nodeJs 1.打开NodeJs官网:https://nodejs.org/en/download/  点击下载 2.双击安装,安装过程基本直接"NEXT"就可以了.(w ...

  2. Vue ES6 Jade Scss Webpack Gulp

    一直以来非常庆幸曾经有翻过<代码大全2>:这使我崎岖编程之路少了很多不必要的坎坷.它在软件工艺的话题中有写到一篇:"首先是为人写程序,其次才是机器(Write Programs ...

  3. webpack+vue搭建基础

    使用webpack工具打包vue+es6项目现在是前端很火的一个技术.今天大体介绍下自己在搭建过程中的问题: 步骤:在cmd命令行下操作 1.安装nodejs , 路径:www.nodejs.org, ...

  4. 高性能流媒体服务器EasyDSS前端重构(二) webpack + vue + AdminLTE 多页面提取共用文件, 优化编译时间...

    本文围绕着实现EasyDSS高性能流媒体服务器的前端框架来展开的,具体EasyDSS的相关信息可在:www.easydss.com 找到! 接上回 <高性能流媒体服务器EasyDSS前端重构(一 ...

  5. webpack+vue+vueRouter模块化构建完整项目实例详细步骤-入门篇

    新建项目 开始(确认已经安装node环境和npm包管理工具) 1.新建项目文件名为start_vuedemo 2.npm init -y 初始化项目,我的win7系统,工程在d盘的vue_test_p ...

  6. Vue的安装及使用教程【超详细图文教程】

    一.安装Node.js 安装步骤详细见Node.js下载安装及环境配置 =>https://blog.csdn.net/WHF__/article/details/129362462 二.安装v ...

  7. EasyDSS高性能RTMP、HLS(m3u8)、HTTP-FLV、RTSP流媒体服务器前端源码重构(二)-webpack + vue + AdminLTE 多页面提取共用文件, 优化编译时间

    接上篇 在上一篇博客中, 我们白手起家, 从零搭建了 webpack + vue + AdminLTE 多页面脚手架. 代码在这里: easydss-web-src , 我为第一篇博客建立了单独的分支 ...

  8. vue.js安装过程(npm安装)

    一.开发环境 vue推荐开发环境: Node.js: JavaScript运行环境(runtime),不同系统直接运行各种编程语言 npm: Nodejs下的包管理器. webpack: 它主要的用途 ...

  9. webpack - vue Component 从入门到放弃(三)

    离上一篇已经一个星期了,人的拖延症是没法救的,今晚趁着蒙蒙春雨,来抒发抒发情感. 上一篇简单介绍了webpack的配置,这里稍微再做一一下延伸 插件 插件可以完成更多 loader 不能完成的功能.插 ...

最新文章

  1. pandas使用pd.concat横向合并多个dataframe实战:多个dataframe的横向表拼接(行对齐)、多个dataframe的横向表拼接(指定join参数、交集还是并集)
  2. Difference between prop and attr in different version of jquery
  3. IOS错误总结:Unknown type name 'CGRect';did you mean 'Rect'
  4. uvm_comps.svh
  5. android工作注意事项
  6. UESTC 趣味赛命题报告E
  7. 第三次学JAVA再学不好就吃翔(part95)--Collections工具类
  8. 第三方应用如何在SAP Kyma上进行服务注册
  9. Google 拼音会导致卡 Ctrl 键?
  10. IIS7.5(IIS7)配置伪静态urlrewrite
  11. 9判断整数序列是不是二元查找树的后序遍历结果
  12. SQL注入攻击及防御详解
  13. NAT ALG PPTP实现简要分析
  14. 鹏哥手把手带我刷好题 · 编程练习 · I
  15. 1000句英语经典口语(3)
  16. 网页调用迅雷的JS(支持客户端版和网页版)
  17. Postman接口测试工具
  18. Web案例——制作简历
  19. 拜占庭容错(BFT)算法介绍
  20. Unity中Awake和Start的区别

热门文章

  1. Swift 中的过滤器
  2. 在banana pi 上测试 《S2A》Snap/Scratch to Arduino
  3. 如何注册MSN(Microsoft ID)
  4. [转载]常用正则表达式收集勘误
  5. .NET Framework 1.1 中 SmartNavigation 的实现
  6. 如何在Ubuntu 14.10 上安装WordPress?
  7. [Java] 蓝桥杯 BEGIN-4 入门训练 Fibonacci数列
  8. Linux修改主机名称
  9. 五种 JSP页面跳转方法详解
  10. 下面介绍几种查看linux版本信息的方法和GCC版本