全局安装 vue-cli
$ npm install -g vue-cli
创建一个基于 “webpack” 模板的新项目
$ vue init webpack my-project
在执行vue init webpack my-project
时遇到一个错误:
$ vue init webpack my-project
/usr/local/lib/node_modules/vue-cli/node_modules/metalsmith/lib/index.js:190
Metalsmith.prototype.build = unyield(function*(){^
SyntaxError: Unexpected token *
at exports.runInThisContext (vm.js:73:16)
at Module._compile (module.js:443:25)
at Object.Module._extensions…js (module.js:478:10)
at Module.load (module.js:355:32)
at Function.Module._load (module.js:310:12)
at Module.require (module.js:365:17)
at require (module.js:384:17)
at Object. (/usr/local/lib/node_modules/vue-cli/node_modules/metalsmith/index.js:6:18)
at Module._compile (module.js:460:26)
at Object.Module._extensions…js (module.js:478:10)
遂重新安装vue-cli,然后注意到执行$ npm install -g vue-cli
时有一段警告:
npm WARN engine [email protected]: wanted: {“node”:">=4.0.0"} (current: {“node”:“0.12.7”,“npm”:“2.12.1”})
可能是node版本的问题,于是升级node版本:
npm install -g n n stable
再次执行$ vue init webpack my-project
,成功生成项目!