Vue環境安裝配置及建立專案

2021-10-08 08:33:32 字數 661 閱讀 6500

安裝node,檢查node安裝是否成功,在git工具中輸入node -v,出現版本號即可。

檢查npm是否安裝成功,在git工具中輸入npm(npm一般隨node一起安裝在電腦中)

cnpm安裝

在git工具中輸入:npm install -g cnpm --registry=

檢驗是否安裝成功:cnpm -v

yarn安裝

git工具輸入:npm install -g yarn

檢驗是否安裝成功:yarn -v

vue安裝:cnpm install vue

vue-cli3腳手架工具安裝:cnpm install -g @vue/cli或者yarn global add @vue/cli

檢查其版本是否正確:vue –version(一定要安裝cli3版本,自行搜尋安裝指定版本命令)

通過圖形介面建立vue專案:

git工具輸入:vue ui

出現以下介面,代表執行成功。

圖形介面建立專案

接著預設建立專案即可。

Vue安裝配置及搭建專案

安裝過程中,推薦選擇add to path,自動配置環境變數,然後一直next,即可完成安裝。2.檢驗是否可用 cmd命令視窗,輸入node version,檢驗npm是否可用。cmd命令視窗,輸入npm version,此時有版本號就表示安裝成功。3.安裝cnpm 命令列中輸入 npm insta...

vue環境安裝搭建及專案建立

一 首先要先安裝node 官網 二 設定nodejs prefix 全域性 和cache 快取 路徑 首先找到剛才選擇nodejs路徑,新建node global和node cache兩個資料夾 第二步 用win r開啟管理cmd進入 設定快取資料夾 npm config set cache y n...

vue環境安裝配置步驟

1.安裝node.js npm包管理器,是整合在node中的,所以安裝了node也就有了npm,直接輸入 npm v 命令,顯示npm的版本資訊。到目前為止,node的環境已經安裝完成,npm 包管理器也有了,由於有些npm資源被遮蔽或者是國外資源的原因,經常會導致npm安裝依賴包的時候失敗,所以我...