搭建第一个vue项目

1，下载node.js并安装，官网地址为：http://nodejs.cn/download，下载相应的版本并傻瓜式安装即可；

-------------------------------------------------

为什么要安装node.js呢？

首先vue.js 是库，不是框架，不是框架，不是框架。

Vue.js 使用了基于 HTML 的模版语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。

Vue.js 的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统。

vue.js 支持路由功能开发的 叫vue-route.js，vue.js支持数据请求功能开发的 叫vue-resource.js，李祥需求查资料求证？

vue.js 下载过来直接在html中引入就能使用，并不一定要npm install vue，那仕么业务开发需求场景下需要使用NPM呢？ＮＰＭ是仕么？

Vue.js可以在html里直接引用后使用，等到与Vue一起配合使用的第三方应用的库或框架多起来后，一个个从html里引入就不方便了，所有要借用node.js中的npm管理包的引入，是方便包管理。

使用Vue.js开发的前端项目如何部署？我们用到node.js中的程序打包工具比如webpack(node.js中的程序部署打包工具)，可以直接require引入之后将不同模块打包成单个js文件。同时这些工具提供各种自动化处理，让前端开发更爽。

Vue.js是数据驱动，和JQuery思路不同，你几乎不需要自己进行复杂低效的dom操作，开发简介明了。从这一点上说，可以基本抛弃JQuery了。

Vue.js开发有第三方支持的项目构建工具，vue-cli脚手架

通过上面的分析，与其说是VUE需要借助NODE开发前端项目，不如换个思路，在NODE中集成VUE开发前端项目，所以，先安装Node,使用Node的npm先安装Vue，然后再安装vue-cli脚手架，最后通过vue-cli脚手架构建前端项目。
 

--------------------------------------------------

2、安装vue-cli脚手架

判断是否安装成功的命令：

cmd-->vue -v

判断npm是否安装成功的命令：

cmd---> npm -v

安装node.js淘宝镜像加速器（cnpm）

#   -g 是全局安装

npm install cnpm -g

安装的路径：C:\Users\Administrator\AppData\Roaming\npm\node_modules

安装vue-cli

cnpm  install vue-cli -g

vue list查看安装的文件清单

搭建完环境，下面进行安装：

以管理员的身份打开控制器，输入命令进入到你自己创建的myVue文件夹里，

然后输入命令vue init webpack myvue

 初始化并运行

cd myvue

npm install 

npm run dev

出现了报错 ，查了资料是因为版本的问题，我就卸载了16.13.1版本，重新安装了14.18.2版本的node.js。按照上面的步骤重新执行了一边，当我们执行npm install 命令后，出现以下日志说明执行成功了：

 最后运行就可以了：

然后我们就可以在idea中打开我们的vue项目，需要注意的是我们要修改一个配置：

idea默认的是5.1，需要我们改成6