前端热门框架Vue.js入门篇

未经允许，不得转载！！

水平有限，不周之处欢迎交流指正！

在这几年里，Vue彻彻底底火了一把，作为一名前端攻城狮，当然也要加入到这股大军中，于是开始在官方和一些视频网站上进行学习、摸索、掉坑、爬起来、再掉坑，不亦乐乎！经过小段时间的摸索，把我的入门级别的坑和初学者分享下，希望对大家有一点点帮助！PS：大牛请绕道

需要的相关配置：node.js环境 以及里面的npm包环境资源管理器，cil脚手架，某宝的国内cnpm镜像

一、安装node，附官网，根据提示一步步安装即可，完成之后打开cmd 键入node -v，安装成功效果图如下：

二、同理npm也是一样的，如上图所示：

三、安装某宝镜像cnpm 键入npm install -g cnpm --registry=http://registry.npm.taobao.org 大家都知道，npm下载资源的时候要不然开个VPN代理翻墙，靠人品，不然的话会出现下载国外某些资源失败，cnpm还是很需要的！

四、安装VUE官方的脚手架工具，键入npm install -g vue-cli  git地址

五、准备工作就可以了，这里我是在D盘的www目录下新建一个VUE项目，命令 cd  d:   cd www, 键入命令vue init webpack firstVue 其中firstVue是你的项目名字，webpack是模块加载器和打包工具。

六、文件：

七、项目还需要安装一些包资源：cnpm install

八、npm run dev运行项目，这时候会采取一个热加载的方式，这里和之前的ionic中是一样的，都是采用这种方式，无需手动刷新浏览器，哎呀跑不起来，报：npm版本过低必须是3.0.0版本。升级键入：cnpm -g install npm@3.0.0

九、再运行：

十、恭喜，项目成功建立！希望对新手有一点点帮助！！