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 應用程式已準備就緒!