前言:

作为一个后端程序员,但是又想搭建网站.不依靠别人,那只得 自己学点前端.

除了常用的bootstrap之外还想学一样,物色几样 如 easyUI , angular.Js,React.js,VUE

等之后,还是选中了 由中国人 开发的 VUE 不但火而且 文档对中文支持比较好.

一、vue-cli脚手架的搭建

1.首先你的电脑上得先安装 node.js 没有安装的可以参照:

Node.js 安装配置

如果安装成功,打开 cmd 输入 node -v 将会出现:

Microsoft Windows [版本 10.0.17134.407]
(c) 2018 Microsoft Corporation。保留所有权利。

C:\Users\jacktu>node -v
v10.13.0

2.然后再安装淘宝的 npm 镜像 cnpm 因为 要练国外的网所有 npm 很慢但是 淘宝解决了这个问题

所以我们一般使用以下命令 安装淘宝的镜像:

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

输入 cnpm -V 出现对应版本 说明 安装好了

然后 cnpm 安装 vue 的脚手架 vue-cli  , npm  也可以但是可能慢一些 , -g 代表全局

cnpm install -g vue-cli 

3.然后再下载一个初始化 vue -- 下载一个模板项目 项目名自定义

先 cd 至桌面 , 然后 输入以下命令  就会在桌面生成一个 vue-demo文件夹

vue init webpack vue-demo

注意: 

输入这个就一直回车，直到出现是否要安装vue-route，这个我们在项目要用到，所以就输入y 回车

然后后面 的一律 可以 输入 n 回车

4.完成后 会在 桌面生成一个 vue-demo 文件夹 这是一个vue项目,有 vue的一些依赖和配置

进入此项目 cd vue-demo ,因为各个模板之间都是相互依赖的，所以现在我们要安装依赖

cnpm install

 5.启动项目

cnpm run dev

打开浏览器 访问 localhost:8080 即可 看到  效果