使用淘宝镜像cnpm安装Vue.js

Vue.js是前端一个比较火的MVVM框架,这里我们使用淘宝的cnpm镜像来安装vue.

步骤

首先我们需要下载npm,因为我已经提前安装了node.js,安装包里面集成了npm,然后我们就可以利用npm命令从获取淘宝镜像的cnpm了。
1.打开命令行窗口,输入

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

获取到cnpm以后,我们需要升级一下,输入下面的命令

cnpm install cnpm -g

因为安装Vue需要npm的版本大于3.0.0,所以我们要升级一下,

然后我们输入下面的命令,安装vue

 cnpm install vue

接下来安装vue-cli

cnpm install --global vue-cli

此时环境就搭建好了。

2.接下来我们需要指定一个目录存放我们的项目,可以选择任意路径,确定好路径后输入下面的命令

vue init webpack "项目名称"

3.成功以后,我们进入项目所在目录

cd "项目所在文件夹"

然后依次输入下面的命令

cnpm install 
cnpm run dev

这里写图片描述

成功后我们进入浏览器,输入localhost:8080会展示下面的页面

 

posted @ 2017-09-15 17:34  Fairyspace  阅读(227)  评论(0编辑  收藏  举报