使用npm全局安装webpack，打开命令行工具输入：npm install webpack -g或者，安装完成之后输入 webpack -v，如下图，如果出现相应的版本号，则说明安装成功。注意：webpack 4.X 开始，需要安装 webpack-cl

都说Vue2简单上手容易，的确，看了官方文档确实觉得上手很快，除了ES6语法和webpack的配置让你感到陌生，重要的是思路的变换，以前用jq随便拿全局变量和修改dom的锤子不能用了，vue只用关心数据本身，不用再频繁繁琐的操作dom，注册事件、监听事件、

如果想自己改动，那么要自己创建配置文件，另外进行配置、改动。

下载完成后，一直点击下一步即可。安装完成后 运行 node -v和 npm -v 如果成功显示版本号即为安装成功。webpack 的作用，简单来说就是对前端中所有的模块进行打包，输出一个JS文件，后续引入这个JS文件。下面经过漫长的等待，只要显示 Proj

使用react脚手架创建项目。　　一、首先需要安装node.js. 选中勾选框，点击next，下一步。选择安装路径，默认路径即可，点击next，下一步。点击finish，安装完成。　　　安装命令 npm install -g create-react-ap

　vue-cli定义：是脚手架工具，作用就是用配置好的模板迅速搭建起一个项目，省去了自己配置webpack文件。　　　　3）安装淘宝镜像。安装完输入 cnpm -v，检查是否安装成功，之所以安装它，是为了安装速度，原本npm的服务器是外国的，速度会很慢。　

使用vue的朋友都是知道vue-cli，他是一个基于webpack的vue脚手架，通过vue-cli配置好一整套环境可以更快的开发，从而提高了工作效率。而我们可以学习它的一些配置可以熟悉webpack的构建流程，从而更好的开发，本文讲述了如何配置一个小型的

身为一个入门前端七个月的小菜鸡，在我入门前端的第一天就接触到了vue，并且死皮赖脸的跟他打了这么久的交到，还记得第一次用vue init webpack 这句命令一下生成一个模板的时候那种心情，当时我就想，要是自己也能写一个的话，那会是灰常吃鸡的吧 o(￣

1、使用npm install --save-dev jquery 安装jquery 相关的组件

最开始的时候，会根据官网的例子，setup好环境，用package管理好依赖，自己用grunt来处理打包的活；过程中有遇到各种不一样技术栈的项目，开始有人推荐我用脚手架工具yeoman，按照官网的例子，找到合适的generator，一步步的可以搭建起一个项

Vue项目开发过程中，会因为很多不同的实际运用需求不断地对webpack配置进行修改，在此之前，我们需要对webpack有一个基本的认识，了解它到底能为我们做些什么。webpack是一个模块打包的工具，它的作用是把互相依赖的模块处理成静态资源，如下图所示。

在16年年底的时候，同事聊起脚手架。由于公司业务的多样性,前端的灵活性,让我们不得不思考更通用的脚手架。而不是伴随着前端技术的发展，不断的把时间花在配置上。18年年初，把过往一年的东西整理和总结下，重新增强了原有的脚手架project-next-cli,

粗狂的讲，这样的回答，好像没什么毛病。但既然是本着学习的态度，那这次就好好的讲一讲前端脚手架存在的意义，到底是个什么鬼，以及写一个脚手架到底有多难?所以接下来，文章将围绕下面几部分来讨论：。对于一个更入门的人来说，这无疑会让人望而却步。而前端脚手架的出现，

前言世间万难 无非一拖二懒三不读书 对 说的就是我突然觉得这句话说的很对，自从上次写完nodejs安装及npm全局模块路径的设置已经过去两月有余，而我的vue框架学习也就止步于此。还是没有给自己施加压力，浑浑噩噩的又度过了这么长时间，想想就很愧疚。或许自己

“ 很奇怪，为什么现在能找到自己手动创建vue脚手架的文章非常少，而且大家似乎对webpack4的热情并不高，对于想基于vue2.0+webpack4搭建一个脚手架的我来说资料真是少得可怜。难道现在一般的做法就是直接从vue-cli开始然后改成自己需要的模

本文章适合初学者学习，如有错请提出。近期对vue比较感兴趣，所以准备用vue写一个blog。早期先对vue脚手架了解一下，对于新手官网建议先不用vue-cli，但我觉得如果没有任何的依据凭自己写一个项目这无疑是浪费时间的而且都最后还是是而非的。在学习的过程

脚手架里都有详细注释！觉得有帮助到你的同学给个star哈,也算是对我的一种支持！npm install webpack webpack-dev-server -g4.1.3 在项目目录下安装webpack和webpack-dev-server. 也可以通过

下面的讲解可能不太适应新的weex框架，后面我会再立贴讲解。weex官方文档不完善，在整个实施过程中遇到过很多坑，中途几次想放弃，总是有些不甘心。要想用好weex必须对es5/es6基础，vue体系，打包工具webpack有较深的了解；对ios，andro

创建目录resume1）npm init -y2）npm install vue-cli -g 3）vue init webpack --dirname. 是否安装vue的路由插件，我们这里需要安装，所以选择Y Use ESLint to lint yo

首先在大前提vue-cli已经安装好的情况下，并且cnpm install后，这里有个小提醒就是关于是否开启eslint,这个是对你写的代码进行规范化的一个工具，对于刚接触的新手们建议关闭，不然代码写的不符合它的规范你的编译器会一直报错，如下图。vue脚手