Hello World vue-cli 入门

  1. 安装 vue-cli:

    npm install -g vue-cli
    
  2. 开始一个项目,如:

     vue init <template> <project-name>
    

    <template>

    1. webpack - 一个功能齐全的 Webpack + vue-loader 设置,具有热重载,linting,测试和 css 提取功能。

    2. webpack-simple - 一个简单的 Webpack + vue-loader 设置,用于快速原型设计。

    3. browserify - 具有热重载,linting 和单元测试功能的全功能 Browserify + vueify 设置。

    4. browserify-simple - 一个简单的 Browserify + vueify 设置,用于快速原型设计。

    5. simple - 单个 HTML 文件中最简单的 Vue 设置

    对于这个例子,我将使用 webpack

  3. vue-cli 将让你通过一系列是/否问题,之后你将准备好 Scaffolding 项目。

  4. cd 进入项目目录,它是 vue init <template> <project-name> 中的 <project-name> 并运行 npm install

  5. 安装完毕后,运行 npm run dev

你的 hello world 应用程序已准备就绪!