Vue介紹

Vue.js 是什麼

Vue (讀音 /vjuː/，類似於 view) 是一套用於構建使用者介面的漸進式框架。與其它大型框架不同的是，Vue 被設計為可以自底向上逐層應用。Vue 的核心庫只關注檢視層，不僅易於上手，還便於與第三方庫或既有專案整合。另一方面，當與現代化的工具鏈以及各種支援類庫結合使用時，Vue 也完全能夠為複雜的單頁應用提供驅動。

說明

官方指南假設你已瞭解關於 HTML、CSS 和 JavaScript 的中級知識。如果你剛開始學習前端開發，將框架作為你的第一步可能不是最好的主意——掌握好基礎知識再來吧！之前有其它框架的使用經驗會有幫助，但這不是必需的。

環境安裝

npm安裝：

1、下載nodejs：https://nodejs.org/en/download/

2、雙擊下載包進行安裝

3、安裝好之後在終端輸入命令：npm -v，正確返回版本資訊就安裝好了

cnpm安裝：

如果npm換了國內映象還是很慢，可以使用cnpm，屬於npm在國內的映象工具
安裝：

npm install -g cnpm --registry=https://registry.npm.taobao.org

驗證

cnpm -v

Vue安裝：

vue:

npm install vue@next

vue-cli:

npm install -g @vue/cli

vue-init: (可選裝，構建2.x版本的vue才需要)

npm i -g @vue/cli-init

webpack安裝

npm install webpack -g

新建vue專案

命令列構建helloworld

新建資料夾helloworld，命令列cd到helloworld目錄下

vue create hello-world

需要填寫一部分資訊：

新建完成

驗證

cd到hello-world目錄，執行

npm run serve

執行成功結果

在瀏覽器輸入http://localhost:8080
截圖

恭喜完成專案搭建。

vue2.x與vue3.x新建專案的區別