• 开发环境的搭建
    • 安装NVM 和 node
    • 安装git
    • 安装vuejs
    • 运行 vue

    开发环境的搭建

    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 就可以看到刚才创建的项目欢迎页, 如下图所示:

    默认欢迎页