vue項目初始化步驟


一、安裝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或碼雲中


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM