vue之行 (一)如何安裝Vue_cli來建立專案
阿新 • • 發佈:2018-12-15
之前寫過一個手動配置的,但是建議還是使用官方的腳手架。簡便又高效
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 倉庫地址