vue cli搭建專案

2021-09-25 16:30:11 字數 713 閱讀 9090

一 安裝node–不做詳述;

我的node安裝位置d:\program files ; 安裝檔案包名是nodejs;

即:d:\program files\nodejs; 如果是直接在d盤的node資料夾 那就是d:\node;

配置環境變數

我的電腦/計算機右鍵-高階系統設定-環境變數:

系統變數中 path:追加 d:\program files\nodejs\node_global;d:\program files\nodejs

系統變數新增node_path:d:\program files\nodejs\node_global\node_modules

使用者變數 path:設定d:\program files\nodejs\node_global;d:\program files\nodejs

安裝好可以測試下

二 vue-cli安裝

npm install webpack webpack-cli -g //安裝 webpack-cli 依賴

npm install --global vue-cli //安裝vue-cli

進入乙個檔案目錄 vue init webpack projectname;//projectname你的專案名稱

進入你的projectname專案檔案 npm install 安裝依賴

成功以後 npm run dev 跑起來~.

遇見問題,留作參考

vue cli 專案搭建

1 因為之前已經安裝過node.js和git,所以直接用npm 2 吶吶吶npm速度慢是一定的了,所以用 映象,將npm cnpm 這裡寫 片3 開啟cmd,進入想要建立專案的目錄下,輸入 vue init webpack projectname4 安裝提示選擇 project name 專案名稱 ...

vue cli搭建專案

配置npm的映象源 npm config set registry也可以使用cnpm npm install g cnpm registry 全域性安裝vue cli npm install g vue cli 建立乙個資料夾 md vue test 進入資料夾建立vue cli專案 vue ini...

vue cli 搭建vue專案

安裝完成後,開啟命令列工具輸入命令node v,如果出現對應版本號,就說明安裝成功了。npm包管理器,是整合在node中的,所以,直接輸入npm v也會顯示出npm的版本資訊。由於npm的有些資源被牆,為了更快更穩定,所以我們需要切換到 的npm映象 cnpm。npm install g cnpm ...