1. 程式人生 > >vue之行 (一)如何安裝Vue_cli來建立專案

vue之行 (一)如何安裝Vue_cli來建立專案

之前寫過一個手動配置的,但是建議還是使用官方的腳手架。簡便又高效

1.全域性安裝腳手架工具

在安裝了node.js的基礎下,如果未安裝cnpm 先安裝

npm install cnpm

cnpm install -g @vue/cli 

1.2 初始化專案

vue create 專案名稱 

建立專案完畢之後 選擇預設 按enter鍵直接去下一步

選擇包管理工具 國內一般建議使用npm 不用修改 預設就好 如果想選擇yarn 寫 use yarn

1.3 切換到專案根目錄中

1.4 安裝需要的依賴包 根據需求安裝

1.5 執行專案

最後根據package.json檔案中的命令 跑專案進入開發階段 npm run serve

專案開發完之後執行的 npm run build 生成階段 就是打包專案生成一個dist檔案

補充:在npm指令碼中,package.json中的script分類可以新增自定義的命令 根據命令來跑專案生成即可 在這裡插入圖片描述

2.專案初始化 提交到平臺 區別於上面的初始化專案

1.1配置完畢預設會初始化git

1.2 git指令 git status 查詢當前專案的狀態

1.3 git add . 增加 git commit -m “寫提交內容”

1.4 生成一個Git倉庫 看用什麼倉庫 比如githup gittab 碼雲等等

1.5 git push 倉庫地址