vue cli工程簡單說明

2021-10-05 08:32:17 字數 1948 閱讀 8764

一、vue-cli工程 所依賴的 node.js 環境和安裝步驟

2.進行node.js安裝

3.開啟 cmd 命令列,命令列輸入:

node -v

出現版本號,說明 node 環境安裝成功。

命令列輸入:

npm -v

二、構建的 vue-cli 工程都到了哪些技術,它們的作用分別是什麼?

1、vue.js:vue-cli工程的核心,主要特點是 雙向資料繫結 和 元件系統。

3、vuex:專為 vue.js 應用專案開發的狀態管理器,主要用於維護vue元件間共用的一些 變數 和 方法。

4、axios( 或者 fetch 、ajax ):用於發起 get 、或 post 等 http請求,基於 promise 設計。

5、vux等:乙個專為vue設計的移動端ui元件庫。

6、建立乙個emit.js檔案,用於vue事件機制的管理。

7、webpack:模組載入和vue-cli工程打包器。

三、vue-cli 工程常用的 npm 命令有哪些?

npm install

啟動 vue-cli 開發環境的 npm命令:

npm run dev

vue-cli 生成 生產環境部署資源 的 npm命令:

npm run build

用於檢視 vue-cli 生產環境部署資源檔案大小的 npm命令:

npm run build --report

四、請說出vue-cli工程中每個資料夾和檔案的用處

vue-cli目錄結構:

vue-cli目錄解析:

build 資料夾:用於存放 webpack 相關配置和指令碼。開發中僅 偶爾使用 到此資料夾下 webpack.base.conf.js 用於配置 less、sass等css預編譯庫,或者配置一下 ui 庫。

config 資料夾:主要存放配置檔案,用於區分開發環境、線上環境的不同。 常用到此資料夾下 config.js 配置開發環境的 埠號、是否開啟熱載入 或者 設定生產環境的靜態資源相對路徑、是否開啟gzip壓縮、npm run build 命令打包生成靜態資源的名稱和路徑等。

dist 資料夾:預設 npm run build 命令打包生成的靜態資源檔案,用於生產部署。

src: 存放專案原始碼及需要引用的資源檔案。

src下assets:存放專案中需要用到的資源檔案,css、js、images等。

src下componets:存放vue開發中一些公共元件:header.vue、footer.vue等。

src下emit:自己配置的vue集中式事件管理機制。

src下router:vue-router vue路由的配置檔案。

src下service:自己配置的vue請求後台介面方法。

src下page:存在vue頁面元件的資料夾。

src下util:存放vue開發過程中一些公共的.js方法。

src下vuex:存放 vuex 為vue專門開發的狀態管理器。

src下main.js:vue-cli工程的入口檔案。

package.json:用於 node_modules資源部 和 啟動、打包專案的 npm 命令管理。

五、config資料夾 下 index.js 的對於工程 開發環境 和 生產環境 的配置

build 物件下 對於 生產環境 的配置:

dev 物件下 對於 開發環境 的配置:

五、詳細介紹一些 package.json 裡面的配置

常用物件解析:

FormatMessage簡單說明

常用引數簡介.formatmessage format message from system format message allocate buffer,null,lval,null,lptstr hlocal,0,null 第乙個引數是標誌,告訴這個formatmessage函式,我想要的特點...

Subversion 簡單說明

subversion 簡單說明 checkout 從源 管理伺服器取出 commit 提交更新的 到源 管理伺服器。update 從源 管理伺服器獲取 的最新更新。export 從源 管理伺服器匯出 匯出的 將脫離源 管理。revert 將當前資料恢復到最近與伺服器同步的版本,即放棄自己的所有未提交...

std deque簡單說明

本文 http blog.chinaunix.net u2 86575 showart 1734758.html std deque是乙個高效的雙端佇列,可以高效地進行插入和刪除操作。以sgi c stl為例 deque的基本結構是 有乙個map map中的元素是乙個記錄了乙個大小為512位元組的線...