vue-cli 3.0+版本，使用的不是vue-cli，而是@vue/cli；如果用以上的安装命令安装的并不是最新版的3.0+的，而如果安装3.0的话就需要使用新的命令。　　　　dry: false, //设置为f

安装完后，打开cmd命令行界面。安装yarn(fackbook依赖管理工具与Npm功能一样，推荐使用！！！--- 是否安装vue路由 -->. --- 是否启动ESLint代码检测 -->. --- 是否设置单元测试 -->. --- 是

vue-cli是vue的脚手架工具，用于快速搭建vue项目。让开发者只关心项目本身，而不去关注项目的开发环境。在安装vue-cli之前，我们先安装webpack，在命令行工具输入下面代码。，这里就默认你安装node.js. webpack-simple

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

# 复制文件cp -r D:\Jenkins\Jenkins\workspace\demo\dist\* D:\vue

下面是通过webpack npm run build打包之后生成的index.html文件，可以看到缺少引号

　　选择自己配置。　　(*) Babel // JavaScript 编译器，用于将 ECMAScript2015+ 版本的代码转换为向后兼容的 JavaScript 语法，以便能够运行在当前和旧版本的浏览器或其他环境中。　　(*) TypeScript

基于vue-cli4的ui组件库，先贴个最终效果吧，步骤有点多，准备分上下篇，上篇：如何做一个初步的组件。同级别创建packages目录，用来存放组件。现在的目录结构如下：。重新运行项目成功即可。// 把 packages 和 examples 加入编译，

Test是项目名称，这个名字自己随便取。Project name 项目名称，可以自己指定，也可直接回车，按照括号中默认名字，阮一峰老师博客为什么文件名要小写 ，可以参考一下。是否安装e2e测试 ，我选择安装

你可以选默认的包含了基本的Babel+ESLint设置的preset，也可以选手动选择特性来选取需要的特性。TypeScript: javascript类型的超集。Progressive Web App Support: 支持渐进式的网页应用程序。　　v

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

在之前我们使用webpack进行打包的时候，webpack.config.js配置都是我们自己手写的。而Vue-CLI是官方提供的，用来搭建项目脚手架的工具，它是vue.js开发的标准工具，它已经集成了webpack，内置好了很多常用配置，使得我们在使用v

vue-list 可以查看vue所有的组件；选用模板常用的是webpack与webpack-simple。webpack-simple是基于进行配置的版本，而webpack模板则是基于Webpack ^1.3.2配置的。其中，最大的区别是webpack-s

"editor.tabSize": 2,"javascript","javascriptreact","language": "vue",},"h

别的不多说,开始动爪把,

// ExtractTextPlugin会将所有的「入口 chunk」中的 require 移动到独立分离的css文件。因此，样式不再内联到javascript里面，但会放到一个单独的css包文件 当中。如果样式文件较大，这会更快，因为样式文件会跟java

// 在开发环境下生成cssSourceMap，便于调试。// 配置Source Maps 在开发中使用cheap-module-eval-source-map更快

var vueLoaderConfig = require('./vue-loader.conf'). },filename: '[name].js',},extensions: ['.js', '.vue', '.json'],},test: /\.vu

var ExtractTextPlugin = require('extract-text-webpack-plugin'). loader: 'css-loader',function generateLoaders (loader, loaderOpt

var ora = require('ora');var webpack = require('webpack');var path = require('path');var config = require('../config/index');var