1.安装nodejs
2.通过以下命令设置npm的国内淘宝镜像站
npm install -gd express --registry=http://registry.npm.taobao.org
或者
npm config set registry http://registry.npm.taobao.org
3.安装vue-cli
npm install -g vue-cli
通常,我们使用中国版的npm,即cnpm
安装cnpm
npm install -g cnpm --registry=http://registry.npm.taobao.org
通过cnpm安装vue-cli
cnpm install -g vue-cli
4.初始化项目
vue init webpack projectName
安装过程中会提示是否要安装vue-router,选择是
npm install vue-router
5.运行生成的代码骨架
npm run dev
自此,一个基于vue的前端页面骨架已经生成好,访问http://localhost:8080,可看到如下界面