1.安装nodejshtml
具体可参考:http://www.runoob.com/nodejs/nodejs-install-setup.htmlvue
推荐采用第一种方式安装(Windows 安装包【.msi】)node
安装完成输入:node -v 检查是否安装成功 npm -v 检查node包管理器是否成功vue-cli
2.安装cnpmnpm
node,npm包管理器环境安装完成。因为有些npm有些资源被屏蔽或者是国外资源的缘由,常常会致使用npm安装依赖包的时候失败,全部我还须要npm的国内镜像---cnpm。浏览器
在命令行中输入 npm install -g cnpm --registry=http://registry.npm.taobao.org 而后等待,安装完成。架构
3.安装vue-cli脚手架构建工具工具
在命令行中运行命令 cnpm install -g vue-cliui
4.用vue-cli构建项目spa
参考:http://www.cnblogs.com/pengjunhao/p/6762141.html
5.执行过程当中遇到的几个问题
缺乏phantomjs-prebuilt模块,执行以下命令安装:
安装完成后,执行cnpm install命令,报以下错误:
npm install这个命令报错不明显,根据cnpm install命令,推测缺乏如图所示的模块karma-phantomjs-launcher,执行命令:npm install karma-phantomjs-launcher@1.0.2
安装成功后,执行后面的命令,项目启动成功,以下图:
浏览器输入:http://localhost:8080,出现下图所示的界面,至此,大功告成!