Vue.js的入門

什么是Vue?

Vue (讀音 /vju?/，類似于?view) 是一套用于構(gòu)建用戶界面的漸進(jìn)式框架。與其它大型框架不同的是，Vue 被設(shè)計為可以自底向上逐層應(yīng)用。Vue 的核心庫只關(guān)注視圖層，不僅易于上手，還便于與第三方庫或既有項目整合。另一方面，當(dāng)與現(xiàn)代化的工具鏈以及各種支持類庫結(jié)合使用時，Vue 也完全能夠為復(fù)雜的單頁應(yīng)用提供驅(qū)動。

如果你想在深入學(xué)習(xí) Vue 之前對它有更多了解，我們制作了一個視頻，帶您了解其核心概念和一個示例工程。

如果你已經(jīng)是有經(jīng)驗的前端開發(fā)者，想知道 Vue 與其它庫/框架有哪些區(qū)別，請查看對比其它框架。

首先呢，給大家介紹一下，Vue這個前端的框架。工欲善其事，必先利其器。

要想學(xué)好Vue這個框架呢。我們需要掌握前端的一些基本的知識。

1.我們得對原生JS熟練，?

2.我們還需要學(xué)習(xí)安裝node.js這個js的解析器，其次要學(xué)習(xí)的是用win鍵加R鍵打開cmd命令行工具，我們可以用node-v,來檢測node的版本號。

3.接著我們還需要安裝一個npm的倉庫。命令如下:npm i

4.然后我們來查看vue的模板:

在這之前我們需要在cmd命令行中創(chuàng)建文件夾，命令如下：mkdir maoyan，

?創(chuàng)建maoyan文件夾

進(jìn)入目標(biāo)文件夾例如: D:/www/1709/maoyan/

vue list 查看模板列表

vue init webpack 下載webpack模板

安裝時兩個yes三個no（初次開發(fā)），然后我們可以去運(yùn)行我們的項目了，命令如下：npm run dev。

這時我們就可以看到loacllhost:8080的這額個端口號，這樣我們的項目就可以i運(yùn)行了。

好啦，這就是vue的一個項目基礎(chǔ)，怎樣初始化一個Vue的項目！