从零搭建vue

第一步：

安装node.js，通常安装

 

长期维护版  相对比较稳定

点击下载，下载好了以后双击运行，可选择安装路径，而后一路下一步便可。

安装完成后，在cmd输入

node -v

若是出现版本号，则安装成功。

 

第二步：

安装npm：

通常安装好nodejs的同时，npm也安装好了。
cmd输入

 npm -v

出现版本号，即npm安装成功。
可是毕竟npm不是国产的，网速上偶尔会受到影响，保险起见，在安装一个淘宝镜像cnpm

cmd输入

npm install -g cnpm --registry=https://registry.npm.taobao.org

安装完成后，cmd输入

cnpm -v

显示这么一坨，即为安装成功

 

第三步：

安装vue脚手架：

在cmd输入

cnpm install --global vue-cli

安装的时候是这样的

安装完成以后，cmd输入 

vue

显示操做提示，即为安装成功

磨刀不误砍柴工，以上是磨刀阶段，刀磨好了，试试我刀磨的利否。

-------------------------------试刀分割线---------------------------------------------

新建一个vue项目，测试一下是否能够正常使用vue。

第一步，先建立一个vue项目，由于vue的相关依赖下载后很大是，因此建议不要放在c盘，能够学eclipse同样，创建一个工做空间，

个人工做空间是：E:\lzh\cdq\JavaScript\jiaoShouJia，打开cmd命令窗口，进入到目录下，而后咱们开始建立新的项目输入命令：

vue init webpack test

而后，一直回车，直到提示，是否安装vue-router

输入y

会提示 js语法检测了解一下？先不须要，输入n

 

后面的都n

 

第二步，进入到test项目中

由于各个模板之间都是相互依赖的，因此如今咱们要安装依赖，输入命令

cnpm install

 

第三步，咱们试运行下，测试咱们的工做空间是否能够正常使用，输入运行命令

npm run dev

显示这样，就大功告成了

cmd命令窗不要关闭，去浏览器输入http://localhost:8080显示下图

 

 至此，整个测试项目搞定！赶快庆祝一下吧~