vue環境搭建(簡單易懂)

2021-08-14 19:10:45 字數 818 閱讀 7117

**廢話不多說,一眼看明白,專為小白出品**

用vue搭建專案本來就是很簡單的一件事,但是,網上的很多內容,都講的很麻煩,繁瑣,所以就結合自己經驗寫乙個簡單易懂的安裝步驟,如有錯誤,請指出,一起交流學習!

node -v(輸入命令列看有沒有安裝成功node,cmd檢視  如果有版本號就安裝成功)
# 檢視版本(這些自己以後看看,有需要再公升級)

npm -v

2.3.0

#公升級 npm

cnpm install npm -g

2:基於node.js,利用**npm映象安裝相關依賴。
npm install -g cnpm --registry=其實就是把npm 換成 cnpm 安裝的更快)
cnpm install -g vue-cli  (-g代表的是全域性安裝)

# 回車,等待安裝...

vue# 回車,若出現vue資訊說明表示成功

4:用vue-cli構建專案

完成上面之後你會發現,你多了乙個vue檔案,但是還沒有完成,接著往下走
5:安裝依賴
cnpm install  (你又會發現你的資料夾裡又多了乙個node_modules 資料夾)

npm run dev (根據提示輸入位址就可以了)

vue環境搭建

1.安裝node.js 2.vue環境搭建要依賴node,借助於node裡的npm包管理來安裝需要的依賴等。基於node.js,利用 npm映象安裝相關依賴 輸入 npm install g cnpm registry 3.安裝全域性vue cli腳手架,用於搭建所需的模板框架 1 輸入 cnpm ...

Vue環境搭建

第一步 開啟命令列,輸入 node v檢視版本號,如果顯示版本號則安裝成功。第二步,安裝 映象。第三步 安裝vue命令列工具 vue cli 在輸入 映象後輸入 全域性安裝 vue cli 前邊安裝了cnpm。可以用cnpm安裝vue cli了 cnpm install global vue cli...

Vue 環境搭建

2.安裝vue npm install vue g 現在一般安裝node之後會自動安裝npm包管理器,g表示全域性安裝,不帶 g會在當前cmd當前所在目錄新建node modules,並將vue安裝到此資料夾下 3.安裝webpack npm install webpack g cmd命令列輸入we...