关键词：
概要
目前前端开发技术越来越像后台开发了，有一站式的解决方案。
1.JS包的依赖管理像MAVEN。
2.JS代码编译打包。
3.组件式的开发。
vue 是一个前端的一站式的前端解决方案，从项目的初始化，组件的开发，项目编译都提供了完整的开发工具。
vue 和 angular，react 比较的，个人觉得vue 开发模式有一下几个特点。
1.入门简单
2.性能优异
3.文档丰富
4.现成可用的UI方案也很多。
比如 vue.ydui.org
开发环境搭建
1.创建vue项目
1.node js 生成项目，编译项目。
2.hbuilder 开发环境
1.下载安装node js
http://nodejs.cn/download/
2.安装 VUE CLI
vue cli 是一个脚手架工具，用于生成一个基础的vue应用。
npm install vue-cli -g
3.新建一个vue 项目
我们创建一个项目名为vmobile 的手机项目。
vue init webpack vmobile
4.安装vue 项目所需要的依赖包
进入到vmobile 目录，在命令行下执行命令
npm install --registry=https://registry.npm.taobao.org这个命令 是将项目依赖的js下载到本地，java程序员可以类比maven 更新jar包。
5.将创建的项目跑起来。
在命令行下执行 命令 vue run dev,执行后会自动打开一个浏览器，我们就可以看到新创建的项目了。
2.使用hbuilder编辑项目
hbulider 是一个和类似 webstorm 的开发工具。
这个工具的作用：
1.编辑代码
2.将我们上面创建的程序转换成手机应用。
3.将手机程序打包成应用程序，我们可以使用hbuilder 提供的 h5+ 提供的JS API 访问手机硬件。
3.代码结构
打包运行配置：
红框部分是生成的 webpack 打包的代码。
我们需要修改的部分：
编辑 index.js文件
这里可以看到，我们在执行 命令 npm run build 命令时，会将项目进行编译，这个时编译后输出的目录和首页根文件路径。
这里可以看到有一个端口配置，这里配置成8088。
这个端口是 执行 命令 npm run dev 在浏览器调试 启动的端口，在线调试非常方便，程序员很容易进行在线调试，只要修改项目，那么页面将自动刷新。
大大提高开发效率。
这个代理设置，是客户端访问后端数据用的，主要是防止访问后端数据出现跨域的问题，
像我这个配置的意思是：
代码访问数据的时候 访问 路径是 http://localhost:8088/jsaas 那么会将请求转发到 http://localhost:8080/jsaas 这样就解决了跨域的问题。
包依赖配置：
这个我们可以看package.json 文件。
dependencies :表示开发时需要依赖的js 的版本。
vue : "^2.5.7” ，这个表示当 我们在执行 npm run install 的时候，项目会依赖 版本 大于或等于 2.5.7 的JS.
devDependencies :这个表示我们开发时需要用到的js，意思是比如打包 webpack 需要的版本。
手机打包配置文件：
manifest.json 这个文件是hbuilder 打包项目需要使用到的配置文件，比如需要访问原生的API模块，开机屏幕配置等等。
vue开发系列一坏境搭建
使用vue开发，需要用到围绕vue.js配套的一系列工具，常用的工具如下：vue.js 核心。VueRouter2 实现路由组织工具。webpack 项目打包以及编译工具。nodejs 前端开发环境。npm &... 查看详情
搭建vue开发环境的步骤
...信很多人在刚开始学习vue这个框架的时候，在最开始搭建开发环境的时候，都会遇到一些大大小小的坑，我之前在学习angular的时候搭建过一次，过了一个月后在搭建第二次的时候，竟然有一些混乱，所以今天想整理出来；vue现... 查看详情
搭建vue的开发环境(代码片段)
搭建vue的开发环境：https://cn.vuejs.org/v2/guide/installation.html（官网地址）1、必须要安装nodejs2、搭建vue的开发环境，安装vue的脚手架工具 官方命令行工具npminstall--globalvue-cli/cnpminstall--globalvue-cli（此命令只需要执行一次）3、... 查看详情
一vue开发环境搭建
2016年，Vue同Angular、React形成三足鼎立的局面，让前端的开发者顾不暇接，今天我们就来了解一下Vue的环境搭建。一、node.js安装： node.js:一种javascript的运行环境，能够使得javascript脱离浏览器运行,给vue一个... 查看详情
vue开发（开发环境+项目搭建）
...框架。与其他重量级框架不同的是，Vue采用自底向上增量开发的设计。Vue的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue完全有能力驱动采用单文件组件和Vue生态系统支持的库开发... 查看详情
搭建vue开发环境的步骤
...信很多人在刚开始学习vue这个框架的时候，在最开始搭建开发环境的时候，都会遇到一些大大小小的坑，我之前在学习angular的时候搭建过一次，过了一个月后在搭建第二次的时候，竟然有一些混乱，所以今天想整理出来；vue现... 查看详情
vue_使用npm搭建vue2.0脚手架开发环境
前言： 在使用vue进行开发时需要搭建vue的运行环境，这里主要是使用淘宝镜像cnpm进行搭建vue的脚手架开发环境。主要是分为mac和window两个版本，两个环境的搭建都是大同小异。 mac开发环境的搭建：1.安装Node.js（这个只... 查看详情
vue.js开发环境搭建以及创建一个vue实例
...界面的渐进式框架。Vue只关注视图层，采用自底向上增量开发的设计。Vue的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。在使用vue.js之前首先需要搭建vue.js的开发环境，下面，我们就来一步一步的搭建vue.js... 查看详情
windows下搭建vue开发环境
...架”。与其他重量级框架不同的是，Vue采用自底向上增量开发的设计。Vue的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。2016年，Vue同Angular、React形成三足鼎立的局面，让前端的开发者顾不暇接... 查看详情
vue.js开发环境搭建
1、安装node.js，忽略2、基于node.js，利用淘宝npm镜像安装相关依赖在cmd里直接输入：npminstall-gcnpm–-registry=https://registry.npm.taobao.org，回车，等待安装...3、安装全局vue，用于帮助搭建所需的模板框架在cmd里，1).输入：cnpminstall-gvu... 查看详情
vue.js开发环境搭建
1、安装node.js，忽略2、基于node.js，利用淘宝npm镜像安装相关依赖在cmd里直接输入：npminstall-gcnpm–-registry=https://registry.npm.taobao.org，回车，等待安装...3、安装全局vue，用于帮助搭建所需的模板框架在cmd里， 1).输入：cnpminstall-g... 查看详情
vue开发环境搭建（mac）
...端的框架，特点是数据双向绑定、组件化。 三、推荐开发环境 四、环境安装 打开终端运行以下命令 1.安装brew /usr/bin/ruby-e"$(curl-fsSLhttps://raw.githubusercontent.com/Homebrew 查看详情
搭建vue开发环境
vue 2.0 1.安装node2.安装淘宝镜像，打开命令行工具，把这个（npm install -g cnpm --registry="https://registry.npm.taobao.org"）3.安装webpack，打开命令行工具输入：npm install webpack -g4.安装vue-c 查看详情
搭建vue开发环境的步骤
...伙伴们，再来学习vue应该不会感觉太难；一：在搭建vue的开发环境之前，一定一定要先下载node.js，，vue的运行是要依赖于node的npm的管理工具来实现，node可以在官网或者中文网里面下载，根据自己的电脑选择是32还是64，网址：ht... 查看详情
vue.js开发环境搭建
1.安装node.js(http://www.runoob.com/nodejs/nodejs-install-setup.html)2.基于node.js,利用淘宝npm镜像安装相关依赖 在cmd里直接输入：npminstall-gcnpm–registry=https://registry.npm.taobao.org，回车，等待安装...3.安装全局vue-cli脚手架,用于帮助搭 查看详情
搭建vue开发环境的步骤,六步完成
搭建vue开发环境的步骤，其实也挺简单的，之前这环境的配置也困扰着我一：在搭建vue的开发环境之前，一定一定要先下载node.js，vue的运行是要依赖于node的npm的管理工具来实现，下载地址：http://nodejs.cn；注意是32还是64位；二... 查看详情
hybridcordova+vue开发app环境搭建
...2.x程序员可以直接上手，性能上可以满足需求，成本低，开发速度快。安装所需软件安装node.js，官网下载，傻瓜式安装，安装成功截图安装vue，自行百度，成功截图安装cordova 安装成功截图： 安装JDK 5安装SDKstudi 查看详情
windows下vue.js开发环境搭建教程
这篇文章主要为大家详细介绍了windows下vue.js开发环境搭建教程，具有一定的参考价值，感兴趣的小伙伴们可以参考一下最近，vue.js越来越火。在这样的大浪潮下，我也开始进入vue的学习行列中，在网上也搜了很多教程，按着教... 查看详情