Vue學習筆記(1)安裝vue

2021-08-07 11:50:17 字數 745 閱讀 6603

npm安裝vue

命令列輸入 node -v 檢視node版本 驗證是否安裝成功

**映象 (可選)

cnpm --registry=

安裝過**映象後就可以在命令列輸入cnpm代替npmle

安裝cli腳手架構建工具

命令列輸入 cnpm(npm) install -g vue-cli 安裝

初始化乙個專案

vue init webpack firstvue 

這個命令中 webpack是構建工具,也就是說整個專案是基於webpack的。firstvue是整個專案檔案的名稱,在這個檔案中自動生成你指定的目錄

執行後會要求輸入專案名稱 位址等資訊 ,可以直接回車略過

package.json中 dependencies&&devdependencies是專案需要的依賴包

進入專案資料夾 firstvue資料夾。執行命令 cnpm install 安裝所需依賴

安裝完成後再firstvue檔案中會多出乙個node_modules檔案 這裡面就是我們專案所需要的依賴資源

到此就可以執行專案了 直接命令列輸入 npm run dev 使用webstorm的可以在左下角直接輸入npm run dev 瀏覽器會自動開啟乙個頁面

//如果沒有自動開啟 可以手動輸入localhost:8080

vue學習筆記(1)

1 vue讀音,同view.2 vue是什麼?乙個mvvm框架 庫 特點 比較容易上手 小巧 mvvm,可以模擬mvc,mvp,mv mvx 3 官網 4 vue和angular區別?vue 簡單 易學 指令以 v 開頭,如 v 一片html 配合上json,再new出來vue例項 個人維護專案 適...

vue學習筆記1

一.vue原始碼目錄結構的含義 src下面的 compiler 編譯 core components 元件,包含 keep alive.js global api 全域性api,包括extend.js,mixin.js instance 例項,包含渲染的輔助函式 events.js,init.js,...

vue學習筆記(一)vue基本語法1

1 該指令後面不需要跟任何表示式,可以直接使用 2 該指令表示元素和元件只渲染一次,即使元件資料改變了展示出來的頁面中也不會改變 1 有時候,從伺服器中請求的資料是乙個html 此時如果直接用mustache語法直接包裹的話輸出的是 本身。如果希望解析html 的話就需要v html指令 2 使用方...