1. 程式人生 > 其它 >Vue配置開發環境及初始化專案

Vue配置開發環境及初始化專案

Vue配置環境開發

1.node.js、git、Webstorm自行下載:go

2.WebPack

  2.1執行流程初始化配置引數 -> 繫結事件鉤子回撥 -> 確定Entry逐一遍歷 -> 使用loader編譯檔案 -> 輸出檔案

  2.2作用:

  1、把依賴樹按需分割、按需載入;
   2、把初始載入時間控制在較低的水平;
   3、每個靜態資源都應該成為一個模組;
   4、能把第三方庫整合到專案裡成為一個模組;
   5、能定製模組打包器的每個部分;
   6、能適用於大型專案。

  2.3安裝指令:

npm install webpack -g

3.Vue-cli腳手架

  vue-cli 是vue.js的腳手架,用於自動生成vue.js+webpack的專案模板的,腳手架大家肯定知道,就是一個架子,用來搭建專案的整體基本骨架,有點兒什麼意思呢,就比如咱們開發 .net 的時候,咱們其實可以自己一步一步的建 mvc ,但是呢,VS給我們封裝了 MVC框架,我們直接就生成了整體框架,包括基礎包和一些必要資料夾,vue-cli 也是這個作用。

  安裝指令:

npm install -g @vue/cli

4.專案視覺化UI介面

  通過指令:vue ui

1.選擇自己專案需要安裝的盤進行新專案的建立

2.還可以在這管理(安裝、刪除)外掛、執行並分析你的專案檔案

3.生命週期

4.不理解可參考Vue-cli官網