Vue配置開發環境及初始化專案
阿新 • • 發佈:2021-08-12
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官網