自学vue过程第一天，希望能帮到在学习的或正准备学习的童鞋吧

没有别的废话了，直接说我学习的过程吧，一个沉默寡言的人，只能通过码字来表达了。

刚开始搞vue的时候根本就不知道怎么下手，网上介绍的流程有的是对的但不完整，有的根本不走心不知道从哪搞的文章，改一下就发了，其实内容很多的不对，估计连他自己都不知道是对是错吧，如果没有经历过根本无法知道是对是错，真是误认不浅啊。下面是我自己学习的过程。

安装环境

学习任何编程都是要先搞环境，学习Vue也不列外，在自己动手之前先在网上找了很多不需要项目来看，但是吧无法运行，因为没有运行环境，也不知道怎么运行，这段路让我走了好久啊~~~！

看了官网也看了很多视频，终于搞明白怎么回事了，运行vue要先安装Nodejs，Node.js 是一个开源、跨平台的 JavaScript 运行时环境。

安装步骤简单说一下吧。

第一步：先下载Node.js，要到官网下载，下载地址是：

Node.jsNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.https://nodejs.org/en

打开官网后点击：downloads在点击下面对应系统图标的安装包下载就行了。

 第二步：安装Node.js，安装很简单，根据提示一路下一步就行，这里不多说了。

安装完成后，就可以在已经下载的vue项目中下载vue运行的文件了，学习vue之前就这个过程跟其他项目不一样，人家是直接搞个工具打开后有个运行按钮运行就行了，vue要搞一下这个，后来发现也有工具，哎！没有人指导的过程是很多弯路要走啊。

项目运行

第三步：下载Vue的运行包

方法是：找到项目所在的文件夹，地址栏中输入cmd，然后在窗口中用命令下载安装。

下载安装命令：npm install，都说这个慢，我安装过好多次感觉还可以，如果真觉得很慢着急

他们都说可以使用国内cnpm，这里是具体的方法，可自行看npmmirror 镜像站https://npmmirror.com/

我没有试过，你们可以自己试试，我都是npm install这么装，输入后直接敲回车，他就开始了。

 安装好以后就可以运行vue项目了

第四步：运行vue项目

 运行vue项目最好找一些没有跟后台链接的项目，不然运行起来也看不出来啥效果，还有一堆错误，会让刚开始学习的你更迷茫了。

运行项目要用命令npm run serve

命令执行成功后会出现一个地址，复制该地址到浏览器的地址栏中就能浏览了。

 复制到浏览器地址栏中

 记住不能关cmd窗口，管理就不能看效果了。

知道vue环境怎么安装以后就可以开始学习vue了，现在有很多vue的框架可以直接使用，什么页面效果，样式，排版都有不用自己瞎摸索，用的时候还很快，我就是用的 Element ui学的，你可以去官网直接开学，地址：Element - The world's most popular Vue UI frameworkElement，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库https://element.eleme.cn/#/zh-CN

 我个人建议最好从自建vue项目开始，一步一步的去学习，把整个创建，配置的过程都搞明白了，就基本能看懂从网上下载的代码了，不要直接去看网上下载的代码，网上下载的代码五花八门，学习起来就会走很多弯路。至于怎么创建vue下次给大家介绍吧。