vue的腳手架vue cli的安裝使用

2022-02-05 10:57:11 字數 949 閱讀 8549

vue的腳手架vue-cli的安裝使用(windows開發環境下)

node安裝與配置環境

你可以通過在命令列輸入node -v 安裝是否成功

新版的node是自帶npm的,可以通過npm -v 檢視版本

為了不占用c盤空間,重置npm安裝路徑(也可以不設定)

npm config set prefix "

d:\develop\nodejs\node_global

"npm config

set cache "

d:\develop\nodejs\node_cache

"

如果重置了npm安裝路徑,則需要修改環境變數:

==進入環境變數對話方塊

==在【系統變數】下新建node_path值為 "你的node安裝路徑\node_global\node_modules"

==在【使用者變數】的path中新增 "你的node安裝路徑\node_global"

接下來進行vue-cli的安裝

npm install vue-cli -g //

全域性安裝vue-cli

vue init webpack vue_project

//建立vue專案

cd vue_project

//進入專案目錄

npm install

//安裝相應依賴

npm run dev

//執行專案 預設開啟瀏覽器 localhost:8080

僅用於記錄學習,希望也能幫助正在學習的你!

搭建VUE腳手架 vue cli

確保node.js和npm cnpm都安裝好的情況下,檢視命令 node v npm v cnpm v,有返回版本號即為安裝成功,npm和cnpm有乙個即可,cnpm是 映象的npm,相對npm更快更穩定,配置命令 npm install g cnpm registry 在用 vue.js 構建大型...

搭建Vue腳手架(vue cli)

1.安裝node.js 安裝完成之後,開啟命令列工具 win r,然後輸入cmd 輸入 node v,如下圖,如果出現相應的版本號,則說明安裝成功。c users 19565 node v v12.13.1 c users 19565 npm v 6.12.1 2.安裝webpack 開啟命令列工具...

Vue腳手架vue cli搭建

vue腳手架搭建流程 首先在node環境下使用npm或者cnpm進行vue腳手架搭建 1.安裝node環境 安裝成功後在命令列檢視node版本,如果有說明安裝成功。檢視node版本 node v 2.安裝vue腳手架工具vue cli大家在安裝node的時候,會自動安裝npm 可以先行檢視npm版本...