上QQ阅读APP看书，第一时间看更新
3.5 开发环境的搭建
•NPM:3.10.8 (NPM > 3.0)
•Node:v6.9.1 (Node > 6.0)
•Vue.js:2.0+
总体来说，只要能安装上Node和Vue.js就可以。
3.5.1 安装Vue.js
需要同时安装vue和vue-cli这两个node package。
运行下面的命令：
$ npm install vue vue-cli -g
-g表示这个包安装后可以被全局使用。
3.5.2 运行vue
创建一个基于Webpack模板的新项目。
$ vue init webpack my-project
注意，我们使用Vue都是在Webpack前提下使用的。
安装依赖：
$ cd my-project $ cnpm install
在本地以默认端口来运行。
$ npm run dev
然后就可以看到在本地已经运行起来了。
> test_vue_0613@1.0.0 dev /workspace/test_vue_0613 > node build/dev-server.js > Starting dev server... DONE Compiled successfully in 12611ms 12:16:47 PM > Listening at http://localhost:8080
打开http://localhost:8080就可以看到刚才创建的项目欢迎页，如图3-23所示。
图3-23 项目欢迎页