我的第一个vue项目

  作为一个研一的学生，一开始对vue框架这个概念也仅限于听说过。正打算在研一下半学期学习了解一下vue框架，正巧在此时实验室接手了一个全新的项目，于是我就全身心投入到了vue的研究中。下面是我总结的一些我的第一个vue项目的过程、问题等等。

  首先要先搭建一下vue运行环境：

  1.下载node.js  （http://www.runoob.com/nodejs/nodejs-install-setup.html）

  2.基于node.js,利用淘宝npm镜像安装相关依赖，在cmd里直接输入：npm install -g cnpm

  3.安装webpack，在cmd里直接输入：  cnpm install webpack -g

  4.安装vue脚手架，在cmd里直接输入： npm install vue-cli -g

  5. 在硬盘上找到一个文件夹方工程用，在终端中进入该目录
     cd 文件目录
  7. 初始化一个vue项目，在cmd里直接输入：vue init webpack 工程名字<工程名字不能用中文>

  8. 安装项目依赖，在cmd里直接输入：npm install

  9. 安装路由模块vue-router和网络请求模块vue-resource，在cmd里直接输入：cnpm install vue-router vue-resource --save

  10. 启动项目，在cmd里直接输入：npm run dev

  到此，就完成了vue环境的搭建，我在设计项目的时候用的是webstorm集成环境，它算是idea的一个子系统，但是在使用vue框架的时候，idea兼容不是很好，总是会出现红色的错误提示，如果有强迫症的朋友最好用webstorm来进行开发。

  环境搭建好了之后，我在网上找了许多的样式模板，借鉴其中的一些样式设计。确定了设计的样式布局后，我开始了我的第一个vue项目。 我查阅许多网上的资料，发现好多人都说vue.js官方网站介绍的很详尽，但是对于一个什么都不懂的小白，看这些资料也是很费脑子，有些也是理解不了的。而且开发时间有限，我也只能硬着头皮就这么边查资料边实现功能。在整个开发过程中我用到了一个组件：（http://element.eleme.io/#/zh-CN/component/tooltip  vue组件网站），这个组件帮我很好的实现了很多功能。

  我开始设计目录文档，将我需要的页面按功能划分模块进行设计。设计完目录，将每个页面的路径配置在路由管理文件中。在设计项目的时候遇到了很多问题，有些我也记不清发生的顺序了，所以以下的陈述就根据具体问题划分。

 

  问题：

待更新。。。。。。