vue cli腳手架目錄一覽

2022-03-12 00:18:54 字數 937 閱讀 4667

最近在學習vue,看的稀里糊塗。今天從頭開始,把cli配置的vue專案目錄和配置檔案搞清楚。

先看看整個專案目錄結構:

config資料夾下目錄和檔案:

接下來說說vue-cli專案中頁面相關的主要檔案^o^

首先是index.html:

第一裝寫html**在中,一般在此下面只能定義乙個根節點;

第二標籤;

第三用來寫樣式,其中scoped表示。該style作用於只在當前元件的節點及其子節點,但是不包含子元件呦。

是子路由檢視,後面的路由頁面都顯示在此處,相當於乙個指示標,指引顯示哪個頁面。

router下面的index.js檔案:路由配置檔案。

說明:定義了三個路由,分別是路徑為/,路徑為/msg,路徑為/detail。後續會詳細說明,因為我也是才學好多東西不懂,囧。

搭建vue cli腳手架

前期工作準備 2.安裝 映象,因為我們用的npm的伺服器是外國,有的時候我們安裝 依賴 的時候會超級慢,所以就用這個cnpm來安裝我們說需要的 依賴 命令列輸入 npm install g cnpm registry 安裝完成後,就可以用cnpm 代替 npm 速度會快很多。3.安裝webpack,...

Vue cli腳手架基礎

vue cli是乙個vue腳手架,可以快速構造專案結構 vue cli本身整合了多種專案模板 很少簡單 webpack 包含eslint 規範檢查和unit單元測試等 webpack 沒有 規範檢查和單元測試 browserify 使用的也比較多 browserify 2.1 安裝vue cli,配...

vue cli腳手架安裝

映象使用方法 三種辦法任意一種都能解決問題,建議使用第三種,將配置寫死,下次用的時候配置還在 1.通過config命令 npm config set registry npm info underscore 如果上面配置正確這個命令會有字串response 2.命令列指定 npm registry ...