vue環境搭建

2021-10-19 07:31:15 字數 954 閱讀 1374

驗證安裝成功:

node -v

npm -v

設定nodejs prefix(全域性)和cache(快取)路徑

在nodejs安裝路徑下,新建node_global和node_cache兩個資料夾

設定快取資料夾:npm config set cache "c:\software\nodejs\node_cache"

設定全域性模組存放路徑:npm config set prefix "c:\software\nodejs\node_global"

新增系統變數node_path

cnpm install vue -gcnpm install vue-cli -g將位置移動至專案目錄,輸入命令

npm install

npm run dev

這裡簡單介紹下 npm run dev 命令,其中的「run」對應的是package.json檔案中,scripts欄位中的dev,也就是 node build/dev-server.js命令的乙個快捷方式。

或 新建vue專案

在cmd.exe中將目錄移動至選定目錄,即專案建立的位置。

在選定目錄下輸入命令:vue init webpack vue    //vue為專案資料夾的名稱

在選定目錄下輸入命令之後按照提示輸入專案名稱,描述,作者等資訊。

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...