Vue項目--初始化

1 Vue項目初始化步驟

  • 安裝 Vue 腳手架
  • 經過 Vue 腳手架建立項目
  • 配置 Vue 路由
  • 配置 Element-UI 組件庫
  • 配置 axios 庫
  • 初始化 git 遠程倉庫
  • 將本地項目託管到 Github 或 碼雲 中

1.1 安裝Vue腳手架

命令行輸入:npm install -g @vue/clivue

1.2 建立項目

命令行輸入:vue uiios

在瀏覽器彈出可視化面板,選擇Vue項目管理器
image.pnggit

點擊建立項目
image.pngvue-cli

image.png

image.png

image.png

image.png

1.3 配置 Element-UI 組件庫

image.png

插件:vue-cli-plugin-element
image.pngnpm

image.png

1.4 配置 axios 庫

image.png

image.png

1.5 初始化 git 遠程倉庫

這裏以碼云爲例
碼雲地址:地址axios

點擊頭像處的設置
image.png瀏覽器

選擇SSH公鑰
image.pngui

image.png

image.png

image.png

這裏有詳細的教程
image.pngspa

配置完後下一步要建立倉庫插件

image.png

image.png

image.png

相關文章
相關標籤/搜索