从零搭建Vue环境

 

准备工作，要搭建Vue环境，首先要准备node.js

网址：http://nodejs.cn；

下载后手动安装即可，无需特殊处理 

 

 

 

步骤2，安装完成后，检验是否成功，打开CMD，输入node -v;

步骤三，由于在国内使用npm是非常慢的，所以在这里我们推荐使用淘宝npm镜像；

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

如图：正在安装

 

步骤四，如图，安装完成 

步骤五：安装npm成功后，就可以安装  vue-cli脚手架，输入命令：cnpm install --global vue-cli  回车

 

步骤六：输入命令 vue -V 出现2.5.0代表VUE安装成功；输入命令 cnpm -V 出现4.4.0代表淘宝镜像安装成功

步骤八：出现如图场景，则表示文件已经下载，输入cd vue_demo，进入文件夹

步骤九：因为各个模板之间都是相互依赖的，所以现在我们要安装依赖，输入命令：cnpm install

 

步骤十：输入cnpm run dev，出现compiled successful ,表示启动成功

 结果：在浏览器中输入http://localhost:8080，出现如下图片，表示项目搭建成功