使用vue腳手架快速建立vue專案 入門

2022-03-10 22:13:44 字數 725 閱讀 5100

為了方便,以下操作大多數中命令列中執行,window可以用cmd,powershell,gitbash等。

檢視node和npm的版本

直接用命令列分別執行下邊命令,出現如圖,就說明安裝完成

npm的伺服器在國外,為了方便,建設安裝cnpm

npm install -g cnpm --registry=
cnpm install -g @vue/cli

或npm install -g @vue/cli

vue create vuecli-demo  //vuecli-demo是你的專案名,這句命令執行時會有一些選擇項,不用管,一直回車,這些具體的設定項在vue cli的官網都有說明
這個命令執行完成後,會在你的工作空間中建立乙個名為vuecli-demo的資料夾,裡邊就是你的專案

如果這個命令長時間卡住不動時,按ctrl+c取消,然後刪除 剛才建立的這個資料夾,重新執行上邊命令

最後在瀏覽器中開啟

Vue腳手架使用

安裝 1.全域性安裝腳手架 cnpm install g vue cli 使用 2.新建資料夾,在當前目錄執行命令 vue create 專案名稱 3.配置 選擇manually select feautures 空格選擇babel和css pre procesors 選擇sass scss wit...

vue使用vue cli腳手架建立vue專案

一 準備工作 安裝完成後,在命令列工具繼續輸入,全域性安裝腳手架vue cli npm install g vue clinpm install g cnpm registry 然後再使用cnpm來安裝vue cli cnpm install g vue cli安裝vue cli後,使用命令vue ...

vue腳手架使用vant

由於公司最近開發移動端專案,我就學習了下vant來自有讚的 元件庫 我就把自己的學習經驗分享下 1.首先你要是使用vant腳手架就得先安裝 npm i vant d s d 是開發環境下使用 s 是生產環境下需要 我們的vant是包括上線之後還是要使用所以 是 s 我們再使用的時候也是有倆種方式 一...