Hello World vue-cli 入門
-
安裝 vue-cli:
npm install -g vue-cli
-
開始一個專案,如:
vue init <template> <project-name>
<template>
:-
webpack - 一個功能齊全的 Webpack + vue-loader 設定,具有熱過載,linting,測試和 css 提取功能。
-
webpack-simple - 一個簡單的 Webpack + vue-loader 設定,用於快速原型設計。
-
browserify - 具有熱過載,linting 和單元測試功能的全功能 Browserify + vueify 設定。
-
browserify-simple - 一個簡單的 Browserify + vueify 設定,用於快速原型設計。
-
simple - 單個 HTML 檔案中最簡單的 Vue 設定
對於這個例子,我將使用
webpack
-
-
vue-cli
將讓你通過一系列是/否問題,之後你將準備好 Scaffolding 專案。 -
cd
進入專案目錄,它是vue init <template> <project-name>
中的<project-name>
並執行npm install
。 -
安裝完畢後,執行
npm run dev
。
你的 hello world 應用程式已準備就緒!