一、安裝Vue腳手架
安裝步驟參考上篇博文及Vue-cli官方文檔
二、通過Vue腳手架創建項目
通過GUI可視化面板創建項目
1.win+r打開運行窗口,輸入cmd回車打開終端窗口
2.切換到要創建項目的目錄,如E盤,輸入E:回車,切換到E盤
3.輸入vue ui 回車,打開可視化窗口
4.點擊創建按鈕
4.1選擇要創建項目的目路確定
4.2進入詳情,在項目文件夾位置,填寫項目名稱(必須英文)
4.3上拉打開初始化git倉庫按鈕,填寫git初始化信息(init project ),點擊下一步
4.4進入預設,可以選擇之前配置好的選項,也可以點擊手動配置,在此點擊手動,下一步
4.5進入功能面板,選擇要配置的功能打開選擇按鈕,下邊幾項都要選擇,然后點擊下一步
Babel
Router
Linter/Formatter
使用配置文件
4.6進入配置面板
Use history mode for router ,關閉此項
Pick a linter/formatter config,選擇ESLint+Standard config
Pick additional lint features,選擇Lint on save 即按ctrl+s,保存文件就會進行格式校驗
4.7點擊創建項目,保存剛才配置為新預設,方便下次使用
三、配置Vue路由
通過創建項目已完成路由配置
四、配置Element-UI組件庫
打開項目儀表盤,打開插件選項,點擊右上角添加插件
在搜索框輸入vue-cli-plugin-element,選中對應插件,安裝
安裝完成,配置插件,Fully import(默認)改為import on demand 按需導入,點擊完成安裝
五、配置axios庫
項目儀表盤,選擇依賴選項,右上角點擊安裝依賴
搜索axios,選擇要安裝的依賴,點擊安裝
六、配置碼雲賬號
6.1 安全設置---SSH公鑰---點擊怎樣生成公鑰
6.2 右鍵點擊倉庫管理,選擇在新標簽頁打開鏈接
6.3 點擊生成/添加SSH公鑰,按如下命令生成公鑰,紅色部分為注冊碼雲的郵箱
6.4 打開cmd終端,運行命令
6.5 按照提示完成三次回車,即可生成ssh key ,選中部分即為公鑰存放位置
6.6 在對應路徑下找到.ssh目錄,打開找到id_rsa.pub文件,用編輯器打開,文件內容即為SSH公鑰,復制,回到碼雲,把復制的公鑰粘貼到公鑰位置
6.7 修改標題,點擊確定,輸入驗證密碼,點擊確定,生成公鑰完成。
6.8 驗證公鑰是否可用,在終端輸入 ssh -T git@gitee.com ,把公鑰添加到可信任列表中
6.9 如果看到下邊提示,則公鑰添加成功
六、初始化git遠程倉庫
6.1 點擊碼雲右上角加號按鈕,選擇新建倉庫
6.2 在新建倉庫頁面填寫倉庫名稱(項目名稱),其它的默認選項即可
6.3 點擊創建按鈕,創建倉庫,創建成功跳轉倉庫頁面
6.4 打開終端進行Git全局配置
6.5 創建git倉庫,沒有創建項目選擇上邊流程,已有項目選擇下邊流程
6.6 已有項目,選擇下邊流程,已有倉庫,找到已創建項目目錄,shift+右鍵打開cmd終端,若第一次使用git,先運行git init命令,否則會如下錯誤
fatal: not a git repository (or any of the parent directories): .git 提示說沒有.git這樣一個目錄
6.7 運行下邊兩條命令
git remote add origin https://gitee.com/XiaoXiaoWanZi/vue_shop.git
七、將本地項目托管到github或碼雲中