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 使用方...