搭建vue專案環境步驟

2021-10-25 05:25:23 字數 793 閱讀 6852

npm install --global vue-cli;

(1)儀錶盤外掛程式中新增外掛程式,搜尋:vue-cli-plugin-element安裝

(2)安裝完成,在配置外掛程式中,第一項選擇import on demand(按需手動配置)

(1)儀錶盤依賴中安裝依賴,執行依賴中搜尋axios,進行安裝
(2)新建倉庫,按照命令列入門教程,開啟終端進行設定

1.git全域性設定

i. git config --global user.name "賬號名"

ii. git config --global user.email "郵箱"

2.建立git倉庫(剛開始已新建倉庫就不需執行此步,一般不用,直接通過介面新增倉庫)

3.已有倉庫

i.進入建立的專案路徑下

ii.若沒有git初始化,就輸入命令git init(一般建vue專案時初始化了,此步省略)

4.本地**上傳

i.檢視**提交狀態:git status

ii.有紅色標記,說明有**沒提交: git add . (提交全部未提交檔案)

iii.提價**: git commit -m "提交資訊"

iiiii.輸入命令上傳**到遠端倉庫(此前需先提交**):git push -u origin master(下次上傳**就直接輸入git push上傳)

(1)在components資料夾中新建home.vue檔案

(1)在assets/css資料夾中新建全域性css

(2)在main.js中匯入全域性css檔案

vue環境搭建步驟

vue.js是前端乙個比較火的mvvm框架,要使用它,我們必須提前配置,其中有一種安裝方式是使用npm,比較適合比較大型的應用。今天就來看看這種方式如何操作,由於npm是國外的,使用起來比較慢,我們這裡使用 的cnpm映象來安裝vue.1.開啟命令列視窗,輸入 獲取到cnpm以後,我們需要公升級一下...

vue環境搭建步驟

安裝2 檢視node是否安裝成功 windows r cmd 開啟命令列 輸入 node v 檢視node版本,node版本需要 8.9 使用的時候 寫cnpm,等同於npm 4 安裝vue cnpm install vue g5 安裝腳手架 cli 如果之前已經安裝過舊版本 非3.x 腳手架,需要...

vue專案搭建步驟

一 安裝環境 二 搭建vue專案環境 npm install vue 全域性安裝 vue cli cnpm install globalvue cli vue init webpack 專案名稱 三 安裝並執行專案 cd 專案名稱 進入專案檔案中 npm install npm run dev 執行...