vue 腳手架入手

2021-08-18 15:32:42 字數 703 閱讀 1303

基本開發工作流程

好興奮第乙個腳手架專案進行中

這個可是生成專案的目錄--裡面包含專案目錄和各種外掛程式(例如webpack等)

vue init webpack vue-project,,,,,,,,,,截個圖展示效果

cnpm**映象用一下

npm install -g cnpm --registry=

啟動專案 npm run dev

腳手架也就是這個玩意

最後就是打包的動作了 npm run build

今天下午對腳手架有了新的了解,

main.js是主檔案入口,裡面引用共用的指令碼和樣式

router資料夾--裡面有個index.js檔案裡面有各個元件,沒有宣告顯示哪乙個元件,會預設顯示第乙個元件,當然有可以指定特定的元件顯示

就這樣就可以了:

上面還是解釋一下,path沒啥,redirect就是指顯示元件的路徑

store資料夾--這裡不用講肯定是vuex的地方--狀態管理器哈哈,現在不是很熟悉,現在的印象就是,子元件的資訊可以統一放著現在的狀態,當狀態改變大家都知道,

vuex裡面有state getter minuation action現在他們的區別還不是很明白,接下來的工作就是徹底明白vuex這幾個屬性的意義

搭建Vue腳手架

從vue官網安利了一波安裝腳手架的主要 全域性安裝 vue cli npm install global vue cli 建立乙個基於 webpack 模板的新專案 vue init webpack my project 安裝依賴,走你 cd my project npm install npm r...

vue 腳手架報錯

為以後有問題再來學習,簡介 vue.js是前端乙個比較火的mvvm框架,是一套構建使用者介面的漸進式框架。vue 只關注檢視層,採用自底向上增量開發的設計。vue 的目標是通過盡可能簡單的 api 實現響應的資料繫結和組合的檢視元件 安裝方式 第一種 使用npm,比較適合比較大型的應用,由於npm是...

Vue腳手架搭建

sudo apt get install nodejs legacy nodejs sudo apt get install npm 安裝成功後檢視對應版本 npm install vuenpm install g cnpm registry vue安裝成功後檢視對應版本 npm install g...