1、vue構建webpack專案需要依賴於node 和npm 需要先安裝。
輸入node -v回車 會出現node版本號
輸入npm -v回車 會出現npm版本號
2、安裝vue
npm install -g vue-cli -g表示全域性安裝,vue-cli是模組
或者使用**映象:npm install --registry=
安裝完成以後使用vue -v 檢視
3、建立專案
進入你要建立專案的目錄 輸入 vue init webpack vue-demo,webpack後面是專案名稱,然後就一路回車就可以
專案建立好了以後就是下面的樣子:
4、安裝專案依賴的模組
進入剛剛建立的專案目錄:cd vue-demo
使用npm install ,如果網路慢使用**映象:npm install --registry=
5、執行專案
npm run dev
一般瀏覽器會自動開啟 http://localhost:8080,也可以手動開啟。
Vue2 0使用小結
近期第一次使用vue快速開發了一款前端專案,開發效率與便捷性大幅提公升,體驗了一把vue的藝術之道,在此總結下目前所接觸到的vue基礎使用知識,後續會補充遇到的知識點和問題以及解決方案.簡介 vue 是典型mvvm框架,擁有雙向繫結的能力與完整的元件化方案,利用 virtual dom 提供了函式式...
vue2 0的基本使用
指令的使用 v model 雙向模型改變 v text 文字渲染,渲染頁面比較多 v show 控制dom的顯示隱藏 v if 控制dom 判斷 v bind 繫結屬性 v for 迴圈,只要用於列表等 v on 事件繫結 v model 主要是在表單裡面使用。比如文字框 下拉框 單選 複選 tex...
vue2 0使用預渲染
檔案目錄如下 執行後如下圖 首頁的網路請求只有乙個,沒有對應的文字和元件,不利於seo 1.router的模式必須是history 2.核心外掛程式 npm install prerender spa plugin d 3.在build webpack.prod.conf.js內部引入渲染器 con...