Vue+ElementUI零基础搭建管理平台（2）——搭建vue-cli脚手架

下载安装node.js

地址：nodejs.cn/download/

 

查看node版本

$npm -version 

下载淘宝的cnpm

因为npm部署在国外，国内访问下载延迟高，利用淘宝的cnpm可以加快速度，cnpm是npm的同步版本。

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

查看cnpm版本

$cnpm -v

安装vue-cli脚手架

在该路径下键入cmd命令：

$cnpm install vue-cli -g

-g表示全局安装

 

 

脚手架安装完成后，查看Vue.js版本

$vue-V 

 

创建工作空间

在自己的磁盘下创建一个工作空间

例如：B:\vue-demo\my-element\my-demo

其中my-demo就是工作空间

 

打开控制台，进入\my-deom目录下

快速进入指定目录方法：

 

创建一个基于webpack模板的项目

Cmd进入工作空间，执行命令

$vue init webpack my-site

my-site为项目的名称，自定义

创建后的项目如图所示：

运行项目

进入项目目录下，打开控制台，执行命令

$npm run dev

打开浏览器，输入地址:http://localhost:8081

此时，脚手架就搭建好了，下一步就开始添加内容。