感覺jQuery不夠用了贿讹,在前端框架泛濫的時候苛聘,覺得是時候?qū)W習一個趁手的框架了养篓。
Vue.js (讀音 /vju?/秃流,類似于 view) 是一套構建用戶界面的漸進式框架。與其他重量級框架 不同的是柳弄,Vue 采用自底向上增量開發(fā)的設計舶胀。Vue 的核心庫只關注視圖層,它不僅易于上手碧注,還便于與第三方庫或既有項目整合嚣伐。另一方面,當與單文件組件和 Vue 生態(tài)系統(tǒng)支持的庫結合使用時萍丐,Vue 也完全能夠為復雜的單頁應用程序提供驅(qū)動轩端。Vue.js (讀音 /vju?/,類似于 view) 是一套構建用戶界面的漸進式框架逝变。與其他重量級框架不同的是基茵,Vue 采用自底向上增量開發(fā)的設計奋构。Vue 的核心庫只關注視圖層,它不僅易于上手拱层,還便于與第三方庫或既有項目整合弥臼。另一方面,當與單文件組件和 Vue 生態(tài)系統(tǒng)支持的庫結合使用時舱呻,Vue 也完全能夠為復雜的單頁應用程序提供驅(qū)動醋火。
安裝vue環(huán)境
1.安裝node.js
從node.js官網(wǎng)下載并安裝node,安裝過程很簡單箱吕,一路“下一步”就可以了芥驳。
2、安裝cnpm
win+r打開命令行茬高,輸入npm install -g cnpm --registry=http://registry.npm.taobao.org
(淘寶鏡像)然后等待安裝完成兆旬。
3安裝vue
輸入.npm install vue
安裝
4安裝腳手架vue-cli
輸入npm install -g vue-cli
安裝
5創(chuàng)建vue第一個項目
輸入npm init webpack vue_test
創(chuàng)建。創(chuàng)建項目名稱為(vue_test)
6進入到vue項目目錄
輸入cd vue_test
進入和查看目錄
7安裝依賴
輸入npm install
安裝
輸入npm run dev
驗證是否安裝成功
在瀏覽器中輸入:localhost:8080
(默認端口為8080)
備注命令符號:
node -v 檢查版本號
npm -v檢查版本號
npm install vue 安裝
npm install -g vue-cli 安裝腳手架
vue -V(大寫檢查版本是否安裝)
vue 若出現(xiàn)vue信息說明成功
npm init webpack vue_test 創(chuàng)建項目名稱為(vue_test)
cd vue_test進入具體項目文件夾
npm install安裝依賴
npm run dev 測試環(huán)境是否搭建成功
可以在第4步前怎栽,改變vue項目默認目錄丽猬,輸入cd wesktop
(桌面)然后在安裝vue-cli
。
圖片.png