如何运行vue.js

 简介：  

 Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件.

   首先，先列出我们接下来需要的东西：

node.js环境（npm包管理器）
vs  code安装
cnpm npm的淘宝镜像      
       1） 安装node.js

            从node.js官网下载并安装node，安装过程很简单，一直点下一步就ok了，安装完之后，我们通过打开命令行工具（win+R）,输入  node -v 命令，查看node的版本，若出现相应的版本号，则说明你安装成功了。

  npm包管理器，是集成在node中的，所以安装了node也就有了npm,直接输入 npm -v 命令，显示npm的版本信息。

   到目前为止，node的环境已经安装完成，npm 包管理器也有了，由于有些npm资源被屏蔽或者是国外资源的原因，经常会导致npm安装依赖包的时候失败，所以我们还需要npm的国内镜像----cnpm.

  

  2） 安装cnpm

           在命令行中输入  npm install -g cnpm --registry=http://registry.npm.taobao.org  ，然后等待，没报错表示安装成功，（我的已经安装过了，显示更新成功的信息）。 安装一遍可能安装不成功，那就关闭cmd ，在安装cnpm一遍。

     完成之后，我们就可以用cnpm代替npm来安装依赖包了。如果想进一步了解cnpm的，查看淘宝npm镜像官网。

   3） 在安装 vs code ，直接从官网上下载就ok 

   4) 用vs code 打开你要运行的vue 文件夹。 在终端上  先安装  前端依赖（cnpm install） 。也可以直接在文件夹中安装。

  shift +鼠标右键  打开      使用命令  cnpm i  (这个前提是安装好了淘宝镜像，才能使用)

3) 或4) 的操作都可以。就会在文件夹中出现

才能在vs code 终端中  输入  npm run dev 运行

出现了这些，就说明运行成功了。就可以 运行vue , 页面上就显示你终端出现的url