前端項目初始化步驟(VUE)

A.安裝vue腳手架

1.先安裝node
node -v,如果出現相應的版本號,則說明安裝成功。

2.安裝vue(如果cmd窗口很慢或者沒反應請跳到第三步,如果成功直接B步驟)

npm install -g @vue/cli
# OR
yarn global add @vue/cli

3.安裝淘寶鏡像
npm install -g cnpm --registry=https://registry.npm.taobao.org

4.還是不行就安裝cnpm,然後運行以下命令

cnpm install -g @vue/cli

B.通過腳手架創建項目 C.配置路由

vue create my-project
# OR
vue ui

vue ui可視化界面創建項目

20200421171701018

點擊創建
20200421172715292

20200421172846131
在這裏插入圖片描述
20200421173523148
在這裏插入圖片描述
20200421174158659

在這裏插入圖片描述

D.配置Element-UI:在插件中安裝,搜索vue-cli-plugin-element

在這裏插入圖片描述
在這裏插入圖片描述

E.配置Axios:在依賴中安裝,搜索axios(運行依賴)

在這裏插入圖片描述
在這裏插入圖片描述

F.初始化git遠程倉庫

G.將本地項目託管到github或碼雲中

20200421201123766
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述

刷新頁面,成功提交

在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章