开发环境的搭建

npm: 3.10.8 (npm > 3.0)

node: v6.9.1 (node > 6.0)

vue: 2.0+

总的来说,只要能安装上node 和 vuejs就可以。

安装NVM 和 node

请看对应章节。

安装git

请看对应章节。

安装vuejs

要同时安装 vuevue-cli这两个node package.

运行下面这个命令:

  1. $ npm install vue vue-cli -g

-g 表示这个包安装后可以被全局使用。

运行 vue

创建一个基于 webpack 模板的新项目:

  1. $ vue init webpack my-project

注意: 我们使用Vue, 都是在 webpack 这个大前提下使用的。

安装依赖:

  1. $ cd my-project
  2. $ cnpm install

在本地,以默认端口来运行:

  1. $ npm run dev

然后就可以看到 在本地已经跑起来了。

  1. > test_vue_0613@1.0.0 dev /workspace/test_vue_0613
  2. > node build/dev-server.js
  3. > Starting dev server...
  4. DONE Compiled successfully in 12611ms 12:16:47 PM
  5. > Listening at http://localhost:8080

我们打开 http://localhost:8080 就可以看到刚才创建的项目欢迎页, 如下图所示:

默认欢迎页