使用vue2.x+webpack如何搭建前端项目
第一步，在webpack配置文件中，分别设置不同的接口地址打开dev.en.js文件。
vue$： vue/dist/vue.esm.js // vue/dist/vue.common.js for webpack 1 } }此时在运行webpack 命令重新编译，编译后在访问index.html页面，页面内容如下图此时一个基于webpack的vue 项目就搭建好。
在现在正在开发的项目中，为了实现前后端分离开发，决定使用刚刚发布不久的 vue.js 0 和 koa 0 来进行开发，深入的使用了webpack作为前端打包工具。为了更好的掌握，打算通过练习来加强对webpack的理解。
在webpack上如何搭建vue项目
1、vue$： vue/dist/vue.esm.js // vue/dist/vue.common.js for webpack 1 } }此时在运行webpack 命令重新编译，编译后在访问index.html页面，页面内容如下图此时一个基于webpack的vue 项目就搭建好。
2、第一步，在webpack配置文件中，分别设置不同的接口地址打开dev.en.js文件。
3、( 3 ) 创建框架项目 vue init webpack my-project ---（my-project是项目名称）（4）查看当前项目文件： 输入 cd eleme ， 再输入dir 即可查看文件信息。
4、环境搭建去官网安装node.js(http：// )注意node的版本，只有支持和谐模式的node才会支持es6，在基于webpack构建项目名称时才不会报错。
5、这次给大家带来怎样搭建vue0+boostrap项目，搭建vue0+boostrap项目的注意事项有哪些，下面就是实战案例，一起来看一下。
如何使用vue+webpack做一个项目(附代码)
1、在开发之前需要首先安装node.js，直接百度搜索或者在其中文官网也可以下载http：//nodejs.cn/download/在装完node之后npm包管理工具也自动的安装好，安装完之后，在命令行输入node -v或者npm -v，出现版本号说明安装成功。
2、第一步我们很简单，就利用vue-loader 和 babel-loader 是把.vue文件打包出来，总共才40多行代码，看build/webpack.base.conf.js文件注释就看的懂。
3、想要使用vue，我首先该怎么做？想要学习vue，我第一件事是去vue官网看简介：https：//cn.vuejs.org/v2/guide... ，仔细一看，vue现在有X和X的区别，很好，我果断选择X。
4、环境搭建去官网安装node.js(http：// )注意node的版本，只有支持和谐模式的node才会支持es6，在基于webpack构建项目名称时才不会报错。
5、这次给大家带来怎样使用vue+webpack做出异步加载，使用vue+webpack做出异步加载的注意事项有哪些，下面就是实战案例，一起来看一下。
6、检查node是否安装成功 为了更快安装，可以使用淘宝的镜像：http：//npm.taobao.org/ 在终端输入以下命令：检测cnpm是否安装成功 vue-cli是vue脚手架工具，方便打包，部署，测试等。