前言

最近一同事项目上需要用到vue技术，对于完全没有学过，只是对vue充满好奇的路上，在目前结束项目且比较闲的今天，入手学习了下vue。先从安装环境与搭建项目开始。为下一个项目做准备！

互联网这一行业，一旦没有项目也就意味着离离职不远了，所以保持点危机感，对于未知的前方也许碰到了这项技术，你可以说正好我会，正好我熟悉，正好我精通。机会总是留给有准备的人，不是嘛~

【写这篇文章时，我对 vue.js的了解，只限于用来做移动端，是一个框架。】

入坑路线如下：

第一步：先了解官方文档，看自己是否适合学习~vue官方文档

第二步：百度查找有关搭建vue项目的方法（自学的情况下），有技术人员在，这篇文章你可以翻篇儿啦。像我一样自学可以跟着我的步骤走，也可以跟着我参考文章的步骤走。

这里附上两篇我的参考文章，这里是两种方法，任选一就好，我太笨了，果断的将两篇给结合了，花了很多时间。

【参考文章建议认真仔细的看，可以避免很多坑】

vue-cli入门（一）——项目搭建 - 简书

搭建VueMint-ui框架 - CSDN博客

今天在安装的过程里，截了不少图，所以想整理一下，做一个记录，以后说不定也能用上。

安装环境：

在Node.js官网里下载安装包（左边为稳定版，右边为最新版，建议用谷歌浏览器下载，这个过程中用360与火狐浏览器下载都失败了）

下载稳定版node.js

下载后一路next，安装成功后，执行cmd命令（window键+R输入cmd回车），在cmd输入命令 node -v,回车及 npm -v,回车，如果出现下面的版本信息则表示安装成功。我是稳定版本，所以为V8.11.3。（如果是最新版本，则为v10.8.0），这里npm在安装node.js时系统自带。