使用VUE2 0構建webpack專案

2021-08-14 12:34:07 字數 686 閱讀 5385

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...