vue-cli 是一个官方发布 vue.js 项目脚手架,一个专门为单页面应用快速搭建繁杂的脚手架,它可以轻松的创建新的应用程序而且可用于自动生成vue和webpack的项目模板。
vue-cli这个构建工具大大降低了webpack的使用难度,支持热更新,有webpack-dev-server的支持,相当于启动了一个请求服务器,给你搭建了一个测试环境,只关注开发就OK。
安装vue-cli
vue的安装只需安装构建工具即可,其他的都会依赖安装,但是前提是需要安装node(以及npm)。
1、检查node版本
在安装vue的环境之前,安装NodeJS环境是必须的。可以使用node -v指令检查,需要保证安装了4.0版本以上的nodeJS环境。
当然,没有安装的话,去Node.js的官网下载一下,各种下一步,傻瓜式安装就好,非常方便。
tips:这里说一下我自己踩过的一个坑,我最开始,安装的是国外官网上最新的7.3.0的版本,然后再最后npm run dev的时候各种报错。最后的解决方式是把node的版本回退到了6.2.0。所以这里推介大家安装NodeJs 4~6之间的版本。
2、安装vue-cli
全局安装npm install webpack -g
输入vue命令查看是否安装成功(显示如下则是成功);
现在还可以查看Vue版本(注意是大写的-V);
查看支持的工具包
更多vue.js相关知识,可访问 Vue.js答疑 栏目!!